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本 书 从 初学 者 的 角度 出 发 ， 以 通俗 易 懂 的 语言 ， 丰 富 多 彩 的 实例 ， 详 细 介 绍 了 使 用 ASP.NET 4.5 进 
行 Web 程序 开发 应 该 掌握 的 主要 技术 。 全 书 共 分 12 章 ， 主 要 内 容 包 括 ASP.NET 4.5 概述 ，Visual Studio 
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工程 师 和 想 利用 Visual Studio Express 2012 for Web 开发 平台 开发 Web 应 用 程序 的 人 员 参 考 阅读 。 
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随 着 网 络 技术 的 飞速 发 展 ， 人 类 的 信息 资源 实现 了 高 度 共享 ， 从 根本 上 改变 了 人 类 进 
行 信息 交流 的 方式 ， 展 开 了 一 场 史无前例 的 信息 革命 。 越 来 越 多 的 人 习惯 从 网 上 搜索 自己 
需要 的 资料 ， 越 来 越 多 的 企业 将 应 用 系统 发 布 成 网 站 ， 供 自己 的 用 户 实现 快捷 、 方 便 的 业 
务 处 理 。 浏 览 器 /服务 器 (B/S) 结 构 的 应 用 程序 随 着 用 户 的 这 种 需求 而 被 提升 到 更 高 的 地 位 。 
在 实现 B/S 结构 的 技术 中 ， 最 具 代表 性 的 就 是 NET 框架 下 的 ASPNET 技术 和 J2EE 
框架 下 的 JSP 技术 。 如 今 ， 随 着 ASP.NET 技术 的 方便 性 逐渐 提高 ， 已 经 有 越 来 越 多 的 开 
发 人 员 转 入 .NET 开发 阵营 ， 致 使 这 个 技术 领域 内 的 初学 者 和 急需 提高 的 人 员 数 量 不 断 增 
加 。2012 年 ，Visual Studio 2012 和 ASP.NET 4.5 问世 了 , 它 是 在 已 成 功 发 行 的 Visual Studio 
2010 和 ASPNET 4 基础 之 上 构建 的 ， 它 保留 了 很 多 令 人 喜爱 的 功能 ， 并 增加 了 一 些 其 他 领 
域 的 新 功能 和 工具 。 本 书 从 基础 到 提高 ， 由 浅 入 深 地 介绍 了 相关 知识 ， 使 读者 能 够 全 面 、 
轻松 、 深 刻 地 了 解 书 中 介绍 的 技术 。 
目前 市 面 上 有 不 少 介绍 ASP.NET 的 图 书 , 但 是 要 找 一 本 适合 初学 者 的 图 书 也 不 容易 。 
有 些 图 书 起 点 太 高 ， 初 学 者 难以 理解 基本 概念 ， 学 习 起 来 困难 重重 ， 容 易 产 生 厌 倦 心理 而 
放弃 学 习 ;， 有 的 图 书 又 过 于 简单 ， 读 者 在 学 完 之 后 还 是 不 会 做 任何 实际 的 事情 ， 不 能 达到 
一 定 的 高 度 。 
概括 起 来 ， 本 书 具 有 以 下 几 项 特色 。 
e 注重 基础 ， 讲 究 实 用 ， 力 求 从 入 门 到 精通 。 
° 充分 体现 案例 教学 。 本 书 以 易学 易 用 为 重点 ， 精 选 大 量 实用 的 示例 、 知 识 丰 富 、 步 
又 详细 、 学 习 效 率 高 ， 特 别 适 合 入 门 者 。 
e 配 有 源 代码 ， 方 便 上 机 实践 。 本 书 的 所 有 示例 均 在 Visual Studio Express 2012 for 
Web 开发 环境 下 调试 通过 ， 读 者 可 以 直接 下 载 所 有 例子 的 源 程序 ， 并 通过 书 中 介 
绍 的 步骤 学 习 开发 要 点 。 
本 书 共 分 12 章 ， 各 章 的 主要 内 容 如 下 。 
第 1 章 简要 介绍 了 HTTP 协议 、 静 态 网 页 和 动态 网 页 等 Web 基础 知识 , 并 介绍 了 ASP.NET 
4.5 的 发 展 历史 以 及 主要 特点 ， 并 且 讲 解 了 Visual Studio Express 2012 for Web 的 安装 方法 
和 开发 ASP.NET 应 用 程序 的 一 般 步 又， 最 后 介绍 了 Visual Studio Express 2012 for Web 平 
台新 增 功能 。 通 过 这 些 介 绍 使 读者 对 ASPNET 有 一 个 整体 的 了 解 ， 为 以 后 章节 的 学 习 打 
下 基础 。 
第 2 章 主 要 介绍 了 ASPNET 网 页 框架 语言 XHTML 的 语法 规则 、 常 用 标记 以 及 HTML5 
新 增 的 内 容 ， 这 是 进行 页 面 设 计 的 基础 。 
第 3 ANMAT ASP.NET 程序 结构 ,如 何 利用 ASPNET 建立 Web 页 面 和 创建 ASPNET 
Web 页 面 所 需 的 基础 知识 ， 包 括 ASPNET 网 页 代码 模型 和 生命 周期 ， 了 解 网 页 代码 模型 
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和 生命 周期 能 够 帮助 读者 高 效 地 创建 ASP.NET 应 用 页 面 。 此 外 ， 本 章 还 详细 地 讲述 了 
配置 文件 Web.config 的 配置 方法 。 这 对 读者 理解 ASP.NET 的 工作 模式 非常 重要 。 

第 4 章 介 绍 了 ASPNET 中 常用 的 内 置 对 象 ， 包 括 Request, Response, Session, 
Application 和 Server 的 主要 方法 和 属性 , 并 讲解 了 Cookie 对 象 的 使 用 方法 。 熟练 掌握 这 些 
内 置 对 象 ， 可 以 开发 出 功能 强大 的 应 用 程序 。 

第 5 章 介绍 了 Web 控件 的 种 类 和 属性 ， 包 括 标准 控件 、 验 证 控件 、 登 录 控件 、 导 航 控 
件 的 使 用 方法 ， 控 件 为 开发 人 员 提 供 了 高 效 的 应 用 程序 开发 方法 ， 开 发 人 员 无 须 具有 专业 
知识 就 能 够 实现 复杂 的 应 用 操作 ， 是 开发 ASP.NET 应 用 程序 的 基础 。 

第 6 AMAT CSS 和 和 母 版 页 对 ASP.NET 应 用 程序 进行 样式 控制 的 方法 和 技巧 ， 包 括 
CSS 的 用 法 、CSS 和 Div 布局 的 方法 、 主题 的 创建 和 引用 , 以 及 创建 母 版 页 和 内 容 页 的 方法 。 

第 7 章 介 绍 了 jQuery 的 基本 语法 和 有 具体 应 用 ， 包 括 理解 什么 是 jQuery. jQuery 的 基 
本 语法 和 如 何 用 jQuery 实现 动画 效果 。 

第 8 章 介 绍 了 使 用 ADO NET 进行 数据 库 访 问 的 方法 。 主 要 包括 ADO.NET 的 数据 提 
供 者 (Data Provider). SQL Server 2012 Express 开发 环境 和 数据 集 (DataSeb 的 基础 知识 等 。 

第 9 章 介绍 了 数据 绑 定 技 术 、ASPNET 4.5 提供 的 各 种 数据 源 控件 和 使 用 数据 源 控 件 
连接 到 各 种 数据 源 的 方法 。 

第 10 章 介 绍 了 LINQ 的 基本 知识 和 如 何 使 用 LINQ 进行 数据 库 操作 , 包括 如 何 将 表 生 
成 实体 类 ， 了 解 DataContext 类 ， 如 何 使 用 LINQ to SQL， 并 利用 LINQ 技术 完成 数据 的 基 
本 查询 、 添 加 、 删 除 和 修改 。 最 后 ， 讲 解 了 一 个 数据 源 控件 LinqDataSource 控件 。 

第 11 章 介绍 了 Ajax 的 基础 知识 以 及 ASP.NET AJAX 控件 一 一 这 是 微软 的 客户 端 异步 
无 刷新 页 面 技 术 ， 在 ASPNET 4.5 以 前 的 版 本 中 ， 已 经 包含 了 此 技术 框架 。 

第 12 章 通 过 一 个 综合 实例 将 所 学 知识 贯穿 在 一 起 。 以 让 读者 有 开发 实际 项 目的 体会 ， 
从 而 能 够 深刻 地 了 解 本 书 前 面 的 知识 并 达到 实战 的 能 力 。 

本 书 由 韩 颖 、 卫 琳 、 谢 琦 编著 ， 参 加 本 书 编写 的 人 员 还 有 王 秉 宏 、 向 春 阳 、 张 丹 丹 、 
王 亚 敏 、 王 战 红 、 陶 永 才 、 曹 仰 杰 、 史 晓 东 、 李 俊 艳 、 吴 保 东 、 高 宇 飞 、 何 宗 真 、 张 艳 、 
张 青 、 黄 艳 、 段 赵磊 、 王 慧 娟 、 王 冬 、 裴 云霞 等 人 ， 在 此 一 并 向 他 们 表示 诚挚 的 感谢 。 

本 书 从 ASP.NET 基础 知识 讲 起 ， 语 言 通 俗 易 懂 ， 并 配 有 大 量 实例 和 插图 ， 使 读者 对 
每 一 章 所 讲述 的 内 容 都 能 有 深刻 的 理解 并 加 以 巩固 ， 十 分 适合 初学 者 和 有 一 定 ASP.NET 
基础 的 人 员 使 用 。 

在 编写 本 书 的 过 程 中 参考 了 许多 相关 文献 ， 在 此 向 这 些 文献 的 作者 深 表 感谢 。 由 于 时 
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本 章 将 介绍 网 站 建设 的 基本 原理 、 流 程 和 创建 网 站 的 工具 ， 以 及 ASPNET 的 基本 概况 。 
作为 一 种 新 的 Web 开发 技术 ,ASPNET 基于 Microsoft 公司 的 NET 框架 ,支持 C ##ll VB.NET 
语言 ， 是 主流 的 网 站 开发 平台 之 一 。 通 过 本 章 的 学 习 ， 读 者 将 了 解 如 何 安装 、 使 用 ASPNET 
的 集成 开发 环境 一 一 Visual Studio Express 2012 for Web (以 下 简称 VSEW)， 并 能 够 建立 简单 的 


本 章 的 学 习 目 标 : 

理解 静态 网 页 与 动态 网 页 的 概念 及 其 工作 原理 ; 

Y f ASP.NET 的 发 展 历史 、 特 点 以 及 其 他 常见 的 网 站 开发 技术 ; 
掌握 安装 ASP.NET 的 集成 开发 环境 VSEW 的 方法 ; 

了 解 动态 网 站 开发 的 一 般 流程 并 能 够 创建 简单 的 动态 网 站 ; 

了 解 Visual Studio Express 2012 for Web 的 部 分 辅助 功能 。 


1.1 Web 基础 知识 


1.1.1 HTTP 协议 


WWW(World Wide Web) 又 称 万 维 网 ， 起 源 于 1989 年 欧洲 粒子 物理 研究 所 (CERN)， 当 
时 是 研究 人 员 为 了 互相 传递 文献 资料 用 的 。 在 WWW 出 现 之 前 ，Internet 主要 用 于 科学 研究 
和 军事 方面 。 自 从 WWW 问世 以 后 ，Intemet 迅速 进入 千家 万 户 ， 成 为 人 们 学 习 、 工 作 、 交 
流 、 娱 乐 的 一 个 非常 重要 的 手段 。 

HTTP(Hyper Text Transfer ProtocoD)， 即 超 文 本 传输 协议 ， 是 在 Internet 中 进行 信息 传送 
的 协议 ， 浏 览 器 默认 使 用 该 协议 。 

从 浏览 器 向 Web 服务 器 发 出 的 访问 某 个 Web 网 页 的 请 求 叫做 HTTP 请求 。Web 服务 器 
收 到 HTTP 请 求 后 ， 就 会 按照 请 求 的 要 求 ， 寻 找 相应 的 网 页 。 如 果 找 到 ， 就 把 网 页 以 
HTML(Hypertext Markup Language， 超 文本 标记 语言 ) 代 码 形式 通过 Internet 传 回 浏览 器 ， 如 
果 没 有 找到 ， 就 发 送 一 个 错误 信息 给 浏览 器 。 后 面 的 这 些 操作 就 叫做 HTTP 响应 。 

HTTP 协议 是 一 个 无 状态 协议 ， 也 就 是 说 ， 使 用 该 协议 时 ， 不 同 的 请 求 之 间 不 会 保存 任 
何 信息 。 每 个 请 求 都 是 独立 的 , 它 不 知道 现在 的 请 求 是 第 一 次 发 出 还 是 第 二 次 或 第 三 次 发 出 ， 
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也 不 知道 这 个 请 求 的 发 送 来 源 。 当 用 户 请 求 到 所 要 的 网 页 后 , 就 会 断 开 与 Web 服务 器 的 连接 。 

从 程序 设计 角度 来 看 ， 无 状态 的 特点 对 于 HTTP 来 说 是 一 个 缺点 ， 因 为 这 使 得 某 些 功能 
很 难 实现 。 但 是 ,由 于 网 络 本 身 的 特点 ， 这 也 是 没有 办 法 改变 的 。 可 以 假设 一 下 , 如果 HTTP 
协议 是 一 个 有 状态 的 协议 ， 那 么 ， 就 需要 在 Web 服务 器 上 保存 用 户 的 每 一 个 连接 ， 这 样 可 能 
会 导致 服务 器 瘫痪 。 


1.1.2 Web 服务 器 和 浏览 


Web 服务 器 就 是 一 台 安 装 了 Web 服务 器 软件 的 计算 机 ， 它 可 以 为 提出 HTTP 请 求 的 浏 
览 器 提供 HTTP 响应 。 常 见 的 Web 服务 器 软件 有 Apache 和 HS. Apache 是 一 个 开放 源码 、 
采用 模块 化 设计 的 Web 服务 器 软件 ， 有 具有 很 强 的 安全 性 和 稳定 性 。IS 是 微软 公司 的 产品 ， 
最 大 的 特点 是 图 形 化 的 管理 界面 ， 使 用 方便 ， 易 于 维护 。 

浏览 器 是 运行 在 客户 机 上 的 程序 ， 用 户 可 以 通过 它 来 浏览 服务 器 上 的 可 用 资源 ， 因 此 称 
为 浏览 器 。 当 客户 进行 网 页 浏览 时 ， 由 客户 的 浏览 器 执行 来 自 服务 器 的 HTML 代码 ， 并 将 其 
内 容 显示 给 客户 。 最 初 的 浏览 器 是 基于 文本 的 ， 不 能 显示 任何 图 形 信息 。1993 年 早期 ， 随 着 
Mosaic 的 出 现 ， 这 一 情况 发 生 了 改变 ，Mosaic 是 第 一 个 具有 图 形 用 户 界 面 的 浏览 器 。 目 前 ， 
最 常用 的 浏览 器 是 Microsoft Internet Explorer(IE) 和 Firefox 浏览 器 。 


1.1.3 C/S 模式 与 B/S 模式 


C/S 和 B/S 是 目前 开发 模式 技术 架构 的 两 大 主流 技术 。C/S 模式 最 早 是 由 美国 Borland 公 
司 研发 的 ， 而 B/S 模式 则 是 由 美国 微软 公司 研发 的 。 


1. C/S 模式 


C/S(ClientServer， 客 户 机 /服务 器 ) 模 式 是 一 种 软件 系统 体系 结构 。 这 种 结构 是 建立 在 局 
域 网 基础 之 上 的 ， 它 需要 针对 不 同 的 操作 系统 开发 不 同 版 本 的 软件 。 同 时 ， 它 不 依赖 于 外 网 
环境 ， 即 无 论 是 否 能 够 上 网 都 不 会 影响 应 用 。 

2. B/S 模式 

B/S(Browser/Server, 浏览 器 /服务 器 ) 模 式 是 随 着 Internet 技术 的 兴起 , 对 C/S 模式 的 一 种 
变化 或 改进 。 在 这 种 模式 下 ， 用 户 工作 界面 是 通过 Web 浏览 器 来 实现 的 。B/S 模式 的 最 大 好 
处 是 能 够 实现 不 同人 员 、 从 不 同 地 点 、 以 不 同 的 接 入 方式 访问 和 操作 共同 的 数据 ， 这 就 大 大 
减轻 了 系统 维护 与 升级 的 成 本 和 工作 量 ， 降 低 了 用 户 的 总 体 成 本 ， 其 最 大 的 缺点 是 对 外 网 依 
赖 性 太 强 。 
1.1.4 Web 的 访问 原理 

Web 应 用 程序 是 基于 B/S 结构 的 。 下 面 首先 介绍 客户 端 和 服务 器 端的 概念 ， 然 后 详 述 静 
态 网 页 和 动态 网 页 的 工作 原理 。 

1. 客户 端 和 服务 器 端 

一 般 来 说 ， 提 供 服务 的 一 方 称 为 服务 器 端 ， 而 接受 服务 的 一 方 称 为 客户 端 。 例 如 ， 当 用 
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浏览 搜狐 主页 的 时 候 ， 搜 狐 网 站 所 在 的 
服务 器 就 称 为 服务 器 端 ， 而 用 户 自 己 的 计 
算 机 就 称 为 客户 端 ， 如 图 1-1 所 示 。 

如 果 在 自己 的 计算 机 上 安装 了 Web 
服务 器 软件 ， 其 他 浏览 者 通过 网 络 就 可 以 


访问 该 计算 机 ， 那 么 它 就 是 服务 器 端 。 很 g hisga 
多 初学 者 在 调试 程序 时 ， 往 往 把 自己 的 计 T ain 
SOBLIEONIR S R UEA. E n NE 


2. 静态 网 页 的 工作 原理 


静态 网 页 也 称 为 普通 网 页 ， 是 相对 动态 网 页 而 言 的 。 静 态 并 不 是 指 网 页 中 的 元 素 都 是 静 
止 不 动 的 ， 而 是 指 网 页 文件 中 没有 程序 代码 ， 只 有 “HTML( 超 文本 标记 语言 ) 标 记 ， 一 般 后 级 
为 .htm、.html、.shtml 或 .xml 等 。 在 静态 网 页 中 ,可 以 包括 GIF 动画 ， 鼠 标 经 过 Flash 按钮 时 ， 
按钮 可 能 会 发 生变 化 。 静 态 网 页 一 经 制 成 ， 内 容 就 不 会 再 变化 ， 不 管 何 人 何 时 访问 ， 显 示 的 
内 容 都 是 一 样 的 。 如 果 要 修改 网 页 的 内 容 ， 就 必须 修改 其 源 代 码 ， 然 后 重新 上 传 到 服务 器 上 。 

对 于 静态 网 页 ， 用 户 可 以 直接 双击 打开 ， 看 到 的 效果 与 访问 服务 器 是 相同 的 。 这 是 因为 
在 用 户 访问 该 网 页 之 前 ， 网 页 的 内 容 就 已 经 确定 ， 无 论 用 户 何 时 、 以 怎样 的 方式 访问 ， 网 页 
的 内 容 都 不 会 再 改变 。 静 态 网 页 的 工作 流程 可 以 分 为 以 下 4 个 步骤 。 

(1) 编写 一 个 静态 网 页 文件 ， 并 在 Web 服务 器 上 发 布 。 

(2) 用 户 在 浏览 器 的 地 址 栏 中 输入 该 静态 网 页 的 URL( 统 一 资源 定位 符 ) 并 按 回 车 键 ， 浏 
览 器 发 送 访问 请 求 到 Web 服务 器 。 

(8) Web 服务 器 找到 此 静态 网 页 文件 


的 位 置 ， 并 将 它 转换 为 HTML 流传 送 到 ai 1. 接受 请 求 

用 户 的 浏览 器 。 [sm] ca O 
(4) 浏览 器 收 到 HTML 流 ， 显示 此 网 == 

页 的 内 容 。 SS Ti 3. 返回 网 页 
在 步骤 (2)~(9 中 ， 静 态 网 页 的 内 容 不 服务 器 端 

会 发 生 任 何 变化 ， 其 原理 如 图 1-2 所 示 。 客户 端 


图 1-2 静态 网 页 的 工作 原理 

3. 动态 网 页 的 工作 原理 

动态 网 页 是 指 在 网 页 文件 中 除了 HTML 标记 以 外 ， 还 包括 一 些 实现 特定 功能 的 程序 代 
码 ， 这 些 程序 代码 使 得 浏览 器 与 服务 器 之 间 可 以 进行 交互 ， 即 服务 器 端 可 以 根据 客户 端的 不 
同 请 求 动态 产生 网 页 内 容 。 动 态 网 页 的 后 组 通常 根据 所 用 的 程序 设计 语言 的 不 同 而 不 同 ， 一 
般 为 asp、.aspx、.cgi、.php、.perl、jjsp 等 。 动 态 网 页 可 以 根据 不 同 的 时 间 、 不 同 的 浏览 者 显 
示 不 同 的 信息 。 常 见 的 留言 板 、 论 坛 、 聊 天 室 都 是 用 动态 网 页 实现 的 。 

动态 网 页 相对 复杂 ， 不 能 直接 双击 打开 。 动 态 网 页 的 工作 流程 分 为 以 下 4 个 步 又。 

(1) 编写 一 个 动态 网 页 文件 ， 其 中 包括 程序 代码 ， 并 在 Web 服务 器 上 发 布 。 

(2) 用 户 在 浏览 器 的 地 址 栏 中 输入 该 动态 网 页 的 URL 并 按 Enter 键 ， 浏 览 器 发 送 访问 请 
求 到 Web 服务 器 。 
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G) Web 服务 器 找到 此 动态 网 页 的 位 


置 ， 并 根据 其 中 的 程序 代码 动态 创建 HTML 1. 接受 请 求 

流传 送 到 用 户 的 浏览 器 。 发 送 请 求 | 2. 找到 动态 网 页 
(4) 浏览 器 收 到 HTML 流 ， 显 示 此 网 页 [sj Hae 
PN [=< 生成 静态 网 页 

的 内 容 。 一 一 ”| 4. 发送 静态 网 页 
从 整个 工作 流程 中 可 以 看 出 , 用 户 浏览 EEEN 

动态 网 页 时 ， 需 要 在 服务 器 上 动态 执行 该 网 服务 器 端 

页 文件 ， 将 含有 程序 代码 的 动态 网 页 转化 为 图 1.3 动态 网 页 的 工作 原理 


标准 的 静态 网 页 ， 最 后 把 静态 网 页 发 送 给 用 
户 ， 其 原理 如 图 1-3 所 示 。 


1.2 ASP.NET 简介 


ASP.NET 是 Microsoft 的 Active Server Pages 的 新 版 本 ， 是 建立 在 微软 新 一 代 NET FE 
架构 上 、 建 立 在 公共 语言 运行 库 上 , 在 服务 器 后 端 为 用 户 提供 建立 强大 的 企业 级 Web 应 用 服 
务 的 编程 框架 。ASP.NET 为 开发 能 够 面向 任何 浏览 器 或 设备 的 更 安全 的 、 更 强 的 可 升级 性 、 
更 稳定 的 应 用 程序 提供 了 新 的 编程 模型 和 基础 结构 。 使 用 ASP.NET 提供 的 内 置 服务 器 控件 
或 者 第 三 方 控件 ， 可 以 创建 既 复杂 又 灵活 的 用 户 界面 ， 大 幅度 减少 了 生成 动态 网 页 所 需 的 代 
码 ， 同 时 ，ASP.NET 能 够 在 服务 器 上 动态 编译 和 执行 这 些 控件 代码 。 

微软 在 发 布 ASP.NET 1.0 时 ， 根 本 没有 期 望 这 项 技术 能 被 广泛 采用 。 但 随 着 该 技术 的 发 
展 和 完善 ，ASPNET 很 快 变 成 了 用 微软 技术 开发 Web 应 用 的 标准 ， 沉 重 打 击 了 其 他 Web JF 
发 平台 的 竞争 者 。 后 来 ，ASPNET 有 了 一 个 修正 版 (ASPNET 1.1) 和 之 后 逐步 升级 的 版 本 
(ASP.NET 2.0、ASPNET 3.5、ASPNET 40、ASPNET 4.5)。 目 前 ，ASPNET 作为 Windows 
平台 上 流行 的 网 站 开发 工具 ,能 够 提供 各 种 方便 的 Web 开发 模型 。 利 用 这 些 模型 ， 用 户 可 以 
快速 地 开发 出 动态 网 站 所 需 的 各 种 复杂 功能 。 


1.2.1 ASPNET 的 历史 


早期 的 Web 程序 开发 是 一 件 非常 繁琐 的 事 ， 一 个 简单 的 动态 页 面 就 需要 编写 大 量 的 代 
码 (一 般 用 C 语言 ) 才 能 完成 。 

1996 年 , Microsoft 推出 了 ASP(Active Server Page)1.0 版 。 它 允许 使 用 VBScripVJavaScript 
这 些 简 单 的 脚本 语言 编写 代码 ， 并 允许 将 代码 直接 嵌入 HTML 中 ， 从 而 使 得 设计 动态 Web 
页 面 变 得 简单 。 在 进行 程序 设计 时 , ASP 能 够 通过 内 置 的 组 件 , 实现 了 强大 的 功能 (如 Cookie), 
ASP 最 显著 的 贡献 就 是 推出 了 ActiveX Data Objects(ADO)， 它 使 得 程序 对 数据 库 的 操作 变 得 
十 分 简单 。 

1998 年 ， 微 软 发 布 了 ASP 2.0 FIIS 4.0。 与 前 一 版 本 相 比 ，2.0 版 最 大 的 改进 是 外 部 的 
组 件 需要 初始 化 。 用 户 能 够 利用 ASP 2.0 和 IS 4.0 建立 各 种 ASP 应 用 , 而 且 每 个 组 件 都 有 了 
自己 单独 的 内 存 空 间 ， 可 以 进行 事务 处 理 。 

随后 ， 微 软 开 发 了 Windows 2000 操作 系统 ， 其 Server 版 系统 提供 了 IIS 5.0 和 ASP 3.0。 
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此 次 升级 ， 最 主要 的 改变 就 是 把 很 多 事情 交 给 COM+ 来 做 ， 效 率 比 以 前 的 版 本 有 很 大 提高 ， 
而 且 更 稳定 。 

ASP.NET 是 微软 公司 于 2002 年 推出 的 新 一 代 体系 结构 一 一 Microsoft NET 的 一 部 分 ， 
用 于 在 服务 器 端 构建 功能 强大 的 Web 应 用 ， 包 括 Web 窗 体 (Web Form) 和 Web 服务 (Web 
Services) 两 部 分 。 随 着 NET 技术 的 出 现 ，ASPNET 1.0 也 应 运 而 生 。ASPNET 1.0 在 结构 上 
与 前 面 的 ASP 截然 不 同 ， 几 乎 完全 是 基于 组 件 和 模块 化 的 。ASPNET 1.0 允许 开发 者 以 一 种 
非常 灵活 的 方式 创建 Web 应 用 程序 ， 并 把 常用 的 代码 封装 到 面向 对 象 的 组 件 中 , 这 些 组 件 可 
以 由 客户 端 用 户 通 过 事件 来 触发 。 同 时 ，ASP.NET 提出 了 代码 隐藏 类 (CodeBehind) 的 概念 ， 
把 逻辑 代码 (.aspx.cs) 和 表现 页 面 (.aspx) 分 离开 来 ,使 用 户 可 以 使 用 后 台 代 码 来 控制 页 面 的 逻辑 
功能 。 

2003 年 , Microsoft 公司 发 布 了 Visual Studio.NET 2003( 简 称 VS 2003), 提供 了 在 Windows 
操作 系统 下 开发 各 类 基于 .NET 框架 的 全 新 应 用 程序 的 开发 平台 。 

2005 年 , NET 框架 从 1.0 升级 到 2.0 版 , Microsoft 公司 发 布 了 Visual StudioNET 2005( 简 
称 VS 2005)。 相 应 的 ASPNET 1.0 也 升级 为 ASPNET 2.0， 新 版 本 修正 了 以 前 版 本 中 的 一 些 
Bug 并 在 移动 应 用 程序 开发 、 代 码 安全 以 及 对 Oracle 数据 库 和 ODBC 的 支持 等 方面 都 做 了 很 
多 改进 。 

2008 年 ，Visual StudioNET 2008( 简 称 VS 2008) 问 世 了 ，ASPNET 相应 地 从 2.0 版 升级 
到 3.5 版 。ASPNET 3.5 版 最 重要 的 新 功能 在 于 : 支持 Ajax 的 网 站 ， 改 进 了 对 语言 集成 查询 
(LINQ) 的 支持 。 这 些 改进 提供 了 新 的 服务 器 控件 和 新 的 面向 对 象 的 客户 端 类 型 库 等 功能 。 

2010 年 ， 微 软 公 司 发 布 Visual Studio 2010 正式 版 本 ， 微 软 大 中 华 区 开发 工具 及 平台 事 
业 部 总 经 理 谢恩 伟 总 结 了 Visual Studio 2010 的 五 大 新 特性 和 功能 如 下 : 

(1) 云 计算 架构 ; 

(2) Agile/Scrum 开发 方法 ; 

(3) 搭配 Windows 7 与 Silverlight 4; 

(4) 发 挥 多 核 并 行 运算 威力 ; 

(5) 更 好 地 支持 C++。 

2012 年 ， Visual Studio 2012 和 ASP.NET 4.5 问世 了 , 它 是 在 已 成 功 发 行 的 Visual Studio 
2010 和 ASPNET 4 基础 之 上 构建 的 ， 它 保留 了 很 多 令 人 喜爱 的 功能 ， 并 增加 了 一 些 其 他 领域 
的 新 功能 和 工具 ， 如 自动 绑 定 程序 集 的 重 定向 ， 可 以 收集 诊断 信息 ， 帮 助 开发 人 员 提 高 服务 
器 和 云 应 用 程序 的 性 能 等 。 


1.2.2 ASPNET 的 优点 


ASP.NET 是 一 种 建立 在 通用 语言 上 的 程序 构架 ， 能 被 用 于 一 台 Web 服务 器 来 建立 强大 
的 Web 应 用 程序 。ASP.NET 提供 了 许多 比 现在 的 Web 开发 模式 强大 的 优势 。 

ASPNET 可 完全 利用 NET 框架 的 强大 、 安 全 、 高 效 的 平台 特性 。ASPNET 是 运行 在 服 
务 器 后 端的 ， 编 译 后 的 普通 语言 运行 时 代码 ， 运 行 时 早 绑 定 、 即 时 编译 、 本 地 优化 、 缓 存 服 
务 、 零 安装 配置 、 基 于 运行 时 代码 受 管 与 验证 的 安全 机 制 等 都 为 ASP.NET 带 来 卓越 的 性 能 。 
XÍ XML, SOAP, WSDL 等 Internet 标准 的 支持 更 是 为 ASPNET 在 异 构 网 络 里 提供 了 强大 的 
扩展 性 。 
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1. 威力 和 灵活 性 

由 于 ASP.NET 基于 公共 语言 运行 库 ， 因 此 ，Web 应 用 程序 开发 人 员 可 以 利用 整个 平台 
的 威力 和 灵活 性 。.NET 框架 类 库 、 消 息 处 理 和 数据 访问 解决 方案 都 可 以 从 Web 无 颖 访问 。 
ASP.NET 与 语言 无 关 , 所 以 可 以 选择 最 适合 应 用 程序 的 语言 , 或 跨 多 种 语言 分 割 应 用 程序 。 男 
外 ， 公 共 语 言 运行 库 的 交互 性 保证 在 迁移 到 ASP.NET 时 保留 基于 COM 的 开发 中 的 现 有 投资 。 


2. 简易 性 


ASP.NET 使 执行 常见 任务 变 得 容易 ， 从 简单 的 窗 体 提交 和 客户 端 身份 验证 , 到 部 署 和 站 
点 配置 。 例 如 ， 使 用 ASP.NET 页 框架 可 以 生成 将 应 用 程序 逻辑 与 表示 代码 清楚 分 开 的 用 户 
界面 ， 和 在 类 似 Visual Basic 的 简单 窗 体 处 理 模 型 中 处 理事 件 。 另 外 ， 公 共 语 言 运 行 库 利 用 
托管 代码 服务 (如 自动 引用 计数 和 垃圾 回收 ) 简 化 了 程序 开发 。 


3. 可 管理 性 

ASP.NET 采用 基于 文本 的 分 层 配置 系统 ， 简 化 了 应 用 服务 器 环境 和 Web 应 用 程序 的 配 
置 。 由 于 配置 信息 是 以 纯 文本 形式 存储 的 ， 因 此 可 以 在 没有 本 地 管理 工具 帮助 的 情况 下 应 用 
新 设置 。 这 种 “ 零 本 地 管理 ”思想 也 扩展 到 了 ASP.NET 框架 应 用 程序 的 部 署 。 只 需 将 必要 
的 文件 复制 到 服务 器 ， 即 可 将 ASP.NET 框架 应 用 程序 部 署 到 服务 器 上 。 即 使 是 在 部 署 或 替 
换 运行 的 编译 代码 时 也 不 需要 重启 服务 器 。 

4. 可 伸缩 性 

ASP.NET 在 设计 时 考虑 了 可 缩放 性 , 增加 了 专门 用 于 在 聚集 环境 和 多 处 理 器 环境 中 提高 
性 能 的 功能 。 另外 , 进程 受到 ASPNET 运行 库 的 密切 监视 和 管理 , 以 便当 进程 行为 不 正常 ( 港 
漏 、 死 锁 ) 时 ， 可 以 就 地 创建 新 进程 ， 以 帮助 保持 应 用 程序 始终 可 用 于 处 理 请 求 。 

5. 自 定义 性 和 扩展 性 

ASPNET 随 附 了 一 个 设计 周到 的 结构 ， 它 使 开发 人 员 可 以 在 适当 的 级 别 “ 插 入 ”代码 。 
实际 上 ， 可 以 用 自己 编写 的 自 定义 组 件 ， 扩 展 或 蔡 换 ASP.NET 运行 库 的 任何 子 组 件 。 

6. 安全 性 

借助 内 置 的 Windows 身份 验证 和 基于 每 个 应 用 程序 的 配置 ， 可 以 保证 应 用 程序 是 安 
全 的 。 
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1..PHR 


PHP 是 Rasmus Lerdorf 于 1994 年 开发 的 , 其 最 初 目的 是 帮助 Lerdorf 记录 其 个 人 网 站 的 
访问 者 。1995 年 ， 他 开发 了 一 个 名 为 个 人 主页 工具 (Personal Home Page Tool) 的 工具 包 ， 也 就 
是 PHP 的 第 一 个 公开 发 布 版 本 。 后 来 ， 人 们 开始 使 用 一 个 递归 式 的 名 字 PHP， 即 Hypertext 
Preprocessor( 超 文本 预 处 理 器 )， 这 使 得 它 原 来 的 名 字 逐 渐 被 人 们 所 遗忘 。PHP 现在 是 一 个 开 
放 源 码 的 产品 ， 其 官方 网 站 是 http:/www.phpnet， 用 户 可 以 自由 下 载 。 
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PHP 程序 可 以 运行 在 UNIX, Linux 及 Windows 操作 系统 上 ， 对 客户 端 浏览 器 没有 特殊 
HR. PHP, MySQL 数据 库 和 Apache Web 服务 器 是 一 个 比较 好 的 组 合 。 

PHP 也 是 将 脚本 语言 嵌入 HTML 文档 中 , 大量 采用 了 Perl、C++ 和 Java 的 一 些 特性 , 其 
文件 的 扩展 名 是 php、.php3、.phtml。PHP 程序 在 服务 器 端 执行 ， 转 化 为 标准 的 HTML 文件 
后 发 送 到 客户 端 。 

PHP 的 主要 优点 是 免费 和 开放 源码 ， 对 于 许多 要 考虑 成 本 的 商业 网 站 ， 尤 为 重要 。 

2. JSP 


JSP 的 全 称 是 Java Server Pages， 是 Sun 公司 于 1999 年 6 月 开发 的 一 种 全 新 的 动态 页 面 
技术 。 JSP 是 Java 开发 阵营 中 最 具 代 表 性 的 解决 方案 , JSP 不 仅 拥有 与 Java 一 样 的 面向 对 象 、 
便利 、 跨 平台 等 优点 和 特性 ， 而 且 还 拥有 Java Servlet 的 稳定 性 ， 并 且 可 以 使 用 Servlet 提供 
的 API, JavaBean 及 Web 开发 框架 技术 ， 使 页 面 代码 与 后 台 处 理 代码 分 离 ， 从 而 提高 工作 效 
率 。 在 目前 流行 的 Web 程序 开发 技术 中 ，JSP 是 比较 热门 的 一 种 。 

JSP 其 实 就 是 将 Java 程序 片段 (Scripteb 和 JSP 标记 (Tag) 柑 入 普通 的 HTML 网 页 中 。 当 
客户 端 访问 一 个 JSP 网 页 时 ， 由 JSP 引擎 解释 JSP 标记 和 其 中 的 程序 片段 ， 生 成 所 请 求 的 内 
容 ， 然 后 将 结果 以 HTML 格式 返回 到 客户 端 。 

JSP 的 主要 优点 是 开放 性 、 跨 平台 性 ， 几 乎 可 以 运行 在 所 有 的 操作 系统 上 。 而 且 采 用 先 
编译 后 运行 的 方式 ， 能 够 提高 执行 效率 。 


1.3 ASP.NET 的 开发 环境 


由 于 ASP.NET Web 应 用 程序 格式 是 文本 文件 ， 所 以 只 用 类 似 文本 编辑 器 的 工具 也 可 以 
编写 ASPNET Web 应 用 程序 ,但 是 如 果 使 用 了 开发 工具 可 以 快速 创建 复杂 的 ASPNET Web 
应 用 程序 。 

Visual Studio 系列 产品 被 认为 是 世界 上 最 好 的 开发 环境 之 一 , Visual Studio 有 两 个 版 本 : 
一 个 是 独立 而 免费 的 版 本 ， 称 为 Microsoft Visual Studio Express 2012 for Web; 还 有 一 个 版 本 是 
作为 较 大 的 开发 套件 Visual Studio 2012 的 一 部 分 , 它 有 不 同 的 版 本 可 用 ， 且 各 个 版 本 的 价格 各 
不 相同 ,使 用 Visual Studio 的 商用 版 本 , 可 以 完全 集成 Web 组 件 , 只 需要 启动 Visual Studio 2012, 
再 创建 一 个 Web 站 点 项 目 或 Web 应 用 程序 项 目 ， 就 可 以 启用 Visual Studio 的 Web 组件 。 

虽然 Visual Studio 的 Express 版 本 是 免费 的 ， 但 是 它 包 含 了 创建 复杂 且 功 能 丰富 的 Web 
应 用 程序 所 需 的 所 有 功能 和 工具 。 本 书 中 的 所 有 示例 都 可 以 用 免费 的 Express 版 本 构建 出 来 。 

使 用 Visual Studio Express 2012 for Web 能 够 快速 构建 ASP.NET 应 用 程序 ,并 为 ASP.NET 
应 用 程序 提供 所 需 的 类 库 、 控 件 和 智能 提示 等 支持 。 本 节 将 介绍 如 何 安装 Visual Studio Express 
2012 for Web 以 及 Visual Studio Express 2012 for Web 中 各 窗口 的 使 用 和 操作 方法 。 


1.3.1 安装 Visual Studio Express 2012 for Web 


Microsoft Visual Studio Express 2012 for Web 是 功能 强大 的 开发 环境 ， 因 为 是 免费 的 , 所 
以 可 以 从 网 上 下 载 中 文 版 的 软件 。 在 安装 Visual Studio Express 2012 for Web 之 前 ， 首 先 要 确 
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保 正 浏览 器 的 版 本 为 7.0 或 更 高 。 

Visual Studio Express 2012 for Web 在 软件 和 硬件 方面 对 计算 机 的 配置 要 求 如 下 。 

° 支持 的 操作 系统 :Windows 7 SP1(x86 和 x64)、Windows 8(x86 和 x64)、Windows Server 
2008 R2 SP1 (x64), Windows Server 2012 (x64)， 即 Windows XP 版 本 不 支持 该 软件 。 
1.6 GHz 或 更 快 的 处 理 器 。 

1 GB RAM( 如 果 在 虚拟 机 上 运行 ， 则 为 1.5 GB)。 

10 GB 可 用 硬盘 空间 。 

600 MB 可 用 硬盘 空间 (语言 包 )。 

5400 RPM 硬盘 。 

支持 DirectX 9 的 视频 卡 ， 以 1024X768 或 更 高 显示 分 辨 率 运 行 。 

当 计 算 机 满足 以 上 条 件 后 就 能 够 安装 Visual Studio Express 2012 for Web 了 。 安 装 Visual 
Studio Express 2012 for Web 的 操作 步骤 如 下 (由 于 读者 下 载 的 软件 可 能 有 差别 , 因而 以 下 步 又 
仅 供 参考 )。 

(1) 单 击 Visual Studio Express 2012 for Web(VSEW) 的 光盘 或 解压 缩 文件 中 的 .exe 安装 程 
序 启动 安装 ， 如 图 1-4 所 示 。 几 分 钟 后 将 自动 从 图 1-4 进入 图 1-5 所 示 安 装 软件 的 起 始 界面 。 
在 该 界面 中 ， 可 以 选择 安装 路 径 ， 并 且 选 中 【我 同意 许可 条 款 和 条 件 (D】 前 面 的 复 选 框 。 
当选 中 后 ， 界 面 下 方 将 出 现 【安装 (CN)】 按 钮 ， 如 图 1-6 所 示 。 


bd] Visual Studio 


图 1-4 VSEW 安装 启动 界面 


bd) Visual Studio pq Visual Studio 
Express 2012 for Web 
Express 2012 for Web 


图 1-5 安装 软件 起 始 界面 图 图 1-6 同意 条 款 后 的 界面 
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单 击 【 安 装 (N) 】 按钮 ， 可 以 进行 Visual Studio Express 2012 for Web 的 安装 , 如 图 1-7 


所 示 。 

在 安装 Visual Studio Express 2012 for Web 之 前 ， 于 Visual Studio Express 2012 for Web 
有 些 版 本 不 同 ， 文 件 尺 寸 大 小 不 同 ， 有 些 或 者 全 部 的 文件 需要 先 从 Internet WEFR HI 
始 安装 相关 组 件 。 安 装 的 速度 与 网 络 和 硬件 有 关 ， 安 装 完 后 出 现 如 图 1-8 所 示 的 界面 。 


pd) Visual Studio pd) Visual Studio 


Express 2012 for Web Express 2012 for Web 


RER _ 


图 1-7 开始 安装 界面 图 1-8 安装 成 功 界面 


G) 在 安装 成 功 后 ， 单 击 【启动 】 按 钮 进入 ， 进 行 安装 后 的 第 一 次 启动 ， 如 图 1-9 所 示 。 
e 10 界面 ， ITA 注册 。 如 果 不 进行 注册 ， 软 件 的 使 用 期 是 30 天 。 产 品 的 密 
钥 是 可 以 从 官网 上 免费 获取 的 ， 只 要 单 击 界面 的 超 链接 【联机 注册 】， 在 网 站 上 免费 注册 

个 微软 账户 (如 果 有 hotmail 邮箱 ， 则 可 直接 登录 )， 即 可 获得 密 钥 。 


bd) Visual Studio EE 
xpress 2012 for Web í 
i bd) Visual Studio 


HERET 30 REI, 


EERE Microsoft Visual Studio Express 2012 for Web , p$ 
TER. 
mesa: 


° W 


图 1-9 安装 程序 起 始 页 图 1-10 注册 页 面 
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() à 


PE 
后 ， 将 开始 启动 软件 。 


回回 pd) Visual Studio 
pd) Visual Studio 
已 应 用 产品 密 钥 
你 的 产品 密 铜 已 成 功 应 用 。 
了 能 有 关 其 他 Visual Studio 产品 的 洋 细 信息 
关闭 (Q 


图 1-11 


132 主 窗 口 


密 钥 成 功 应 用 界面 


图 1-12 


【下 一 步 】 按钮 ， 如 果 密 钥 正 确 , 将 进入 图 1-11 界面 。 提示 密 钥 已 经 成 功 应 用 ， 
H 【关闭 】 按 钮 ， 进 入 图 1-12 界面 ， 提 示 产 品 已 获得 授权 。 以 上 顺利 安装 ， 密 钥 添加 成 功 


产品 获得 授权 


安装 Visual Studio Express 2012 for Web 之 后 ,就 能 够 进行 .NET 应 用 程序 的 开发 了 , Visual 


Studio Express 2012 for Web 极 大 地 提高 了 开发 人 员 对 .NET 应 用 程序 的 开发 痪 


率 . 为 了 能 够 快 


速 地 进行 .NET 应 用 程序 的 开发 ， 首 先 需 要 熟悉 Visual Studio Express 2012 for Web 开发 环境 。 
a - 3 JE. y 3 š 人 
启动 Visual Studio Express 2012 for Web 以 后 , 将 呈现 Visual Studio Express 2012 for Web 的 主 
窗口 ， 如 图 1-13 所 示 。 
Q wet z P = aX 
文件 (F) RE) ”视图 (V) MEP ERE WO MANM) IAT) RRS) SOW) EH) 
o- B- ë u P Internet Explorer + 一 Debug - M, 
工具 条 ~ 时 x Contactaspx Defaultasp + x ~ 解 关 方 宏 资 源 管理 器 ~x 
ZIR% p- KWa Page Title=" EM"  Language="C8”" MasterPageFile=" /Site. Master @ oa 
t 标准 S <asp:Content runat="server" ID="FeaturedContent” ContentPlaceHole 1 £ P> 
?数据 《section class=" featured > ` wa 引用 i 
Se Kiv class=" content-vrapper Hee 
hgroup class=“ title' \ccount 
Sh : Title 8}. /hl> 国 App_Data 
` 指针 <h2》 修 改 此 模板 以 快速 开始 创建 ASP.NET GAER O @ App_start 
Ë Menu J ce AuthConfig.cs 
== SiteMapPath 若 要 了 名 有 关 ASP.NET 的 详细 信息 ， 请 访问 <a href= © SundieConig ii 
E TreeView 该 页 提供 《aark> 视 频 、 教 程 和 示例 </nark> 以 帮助 你 充 ” 4 , 
F, mw% -i n , O RSDRES. DECESE 
二 ai ° [ [eesp Contents Bodycomem>] <oround> P) Te EET 
b JAX E 错误 列 CEEI DOCUMENT 
上 动态 数 据 w = 
b HTML GEE G4_0.30319)): 已 加 载 “C: VFindovs Micros < 
Ll GEE (v4. 0. 30319)): 已 加 载 “C: Windows Microsoft. Wet\asseably\ 
me” (托管 (v4.0. 30319))， 已 加 载 “C: WWindows\icrosoft. Wet\assenbly* ` 
“i ” GF): DWR “HERB Mindors Internet Explorer)” o 
WARRETANSA S 程序 “ [7758] iexplore. exe” 已 遇 出 ， 返 回 值 为 0 0x0) e 
至 此 文本 可 将 其 添加 到 工具 秆 . 程序 “ [1796] iisexpress, exe: 托管 (v4.0.30319)” 已 退出 , 返回 值 为 0 WDx0)。 ` 


图 1-13 Visual Studio Express 2012 for Web 的 主 窗口 
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Visual Studio Express 2012 for Web 主 窗口 包括 多 个 子 窗口 ， 窗 口 都 是 可 以 关闭 和 自由 拖 
动 的 ， 最 左 侧 的 是 【工具 箱 】， 用 于 服务 器 控件 的 存放 ; 中 间 是 文档 窗口 ， 用 于 应 用 程序 代 
码 的 编写 和 样式 控制 ， 中 下 方 的 【错误 列表 】 窗 口 用 于 呈现 错误 信息 ，【 输 出 】 窗 口 用 于 输 
出 相关 结果 ; 右 侧 是 【解决 方案 资源 管理 器 】 窗 口 和 【属性 】 窗 口 ， 用 于 呈现 解决 方案 以 及 
页 面 与 控件 的 相应 属性 。 

1.3.3 ”文档 窗口 

文档 窗口 用 于 代码 的 编写 和 样式 控制 。 当 用 户 开发 的 是 基于 Web 的 ASP.NET 应 用 程序 
时 ， 文 档 窗口 是 以 Web 形式 呈现 给 用 户 ， 而 代码 视图 则 是 以 HTML 代码 的 形式 呈现 给 用 户 
的 , 而 如 果 用 户 开发 的 是 基于 Windows 的 应 用 程序 ， 则 文档 窗口 将 会 呈现 应 用 程序 的 窗口 或 
代码 ， 如 图 1-14 所 示 。 


" 


CodeBehind= "Cont 


A Languages Ce” MasterPageF:le= /Site. Master” AutoEventWireup= true" 


r” ID="BodyContent” ContentPlaceHolderID="NainContent"> 


<span class="label"》 工 作 时 间 联 系 电话 :</span> 
<span>425. 555. 0100</span> 


<span class=" label OFI FHARR 8: spand 
<span>425. 555. 0199</span> 
“p>, 


</section> 
4 


n temo [om] [4][<asp:ContentsBodyContent>| <sectioncontact> h 


图 1-14 Web 程序 开发 文档 窗口 


当 进 行 不 同 应 用 程序 的 开发 时 ， 文 档 窗口 也 会 呈现 为 不 同 的 样式 ， 以 方便 开发 人 员 进 行 
应 用 程序 的 开发 。 在 ASP.NET 应 用 程序 中 ， 文 档 窗口 包括 3 个 部 分 。 

开发 人 员 可 以 通过 这 3 部 分 进行 高 效 开 发 ， 这 3 部 分 的 功能 分 别 如 下 。 

e 页 面 标签 : 当 同 时 打开 多 个 页 面 时 ， 会 呈现 多 个 页 面 标签 ， 开 发 人 员 可 以 通过 单 击 
页 面 标签 进行 页 面 切换 。 

e 视图 栏 : 用 户 可 以 通过 视图 栏 进行 视图 的 切换 ，Visual Studio Express 2012 for Web 
提供 了 【设计 】、【 拆 分 】 和 【 源 】3 种 视图 ， 开 发 人 员 可 以 在 不 同 的 视图 中 进行 页 
面 样式 控制 和 代码 的 开发 。 

° 标签 导航 栏 : 通过 标签 导航 栏 能 够 选择 标签 ， 当 用 户 需 要 选择 页 面 代 码 中 的 <body> 
标签 时 ， 可 以 通过 标签 导航 栏 进行 标签 或 标签 内 容 的 选择 。 


1.3.4 工具 箱 


Visual Studio Express 2012 for Web 主 窗口 的 左 侧 为 开发 人 员 提 供 了 【工具 箱 】, 【工具 箱 】 
中 包含 了 Visual Studio Express 2012 for Web 对 NET 应 用 程序 所 支持 的 控件 。 对 于 不 同 的 应 用 程 
J, 【工具 箱 】 中 所 呈现 的 工具 也 不 同 。【 工 具 箱 】 是 Visual Studio Express 2012 for Web 的 基 
本 窗口 ， 开 发 人 员 可 以 使 用 【工具 箱 】 中 的 控件 进行 应 用 程序 开发 ， 如 图 1-15 和 图 1-16 所 示 。 
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EE P- m=TFE= P 
rra » z 
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r z [EE | 
?导航 k 指针 
b 登录 Ëy CompareValidator 
b WebParts Æ CustomValidator 
b AJAX 扩展 Ë° RangeValidator 
b 动态 数据 D RegularExpressionValidator 
b HTML Ë RequiredFieldValidator 
azi Ë ValidationSummary 
bS 
此 组 中 没有 可 用 的 控件 。 格 到 项 疙 至 此 b 登录 
文本 可 榈 其 添加 到 工具 箱 ， 
b Webparts 
b AJAX 扩展 
b 动 志 数 据 
b HTML 
aR 
此 组 中 没有 可 用 的 控件 梅村 项 拖 : 
此 文本 可 将 其 添加 到 工具 箱 . - 
图 1-15 工具 箱 图 1-16 选择 类 别 


系统 默认 为 开发 人 员 提 供 了 数 十 种 服务 器 控件 用 于 应 用 程序 的 开发 ， 用 户 也 可 以 添加 工 
具 箱 选项 卡 进 行 自 定义 组 件 的 存放 。Visual Studio Express 2012 for Web 为 开发 人 员 提 供 了 不 


同类 别 的 服务 器 控件 ， 


这 些 控件 被 分 为 不 同 的 类 别 ， 开 发 人 员 可 以 按照 需求 进行 相应 类 别 控 


件 的 选择 。 开 发 人 员 还 能 够 在 【工具 箱 】 中 添加 现 有 的 控件 。 右 击 【工具 箱 】 的 空白 区 域 ， 
在 弹出 的 快捷 菜单 中 选择 【选择 项 】 命 令 ， 系 统 会 弹出 【选择 工具 箱 项 】 对 话 框 ， 用 于 对 自 
定义 控件 的 添加 ， 如 图 1-17 所 示 。 


System Web Mobile 
SystomWeb.ULWebControls System.Web 
ari System Web, ULWebControls.WebParts System.Web 


SystemConfigurationnstal System.ConfigurationIns ™ 
m 5 


E=: 国宝 生计 (mms am 
版 本 : 40.0.0 


组 件 添加 完毕 后 ， 就 能 够 在 【工具 箱 】 中 显示 ， 开 发 人 员 能 够 将 自 定义 组 件 拖 放 到 主 窗 
口中 ， 以 供应 用 程序 开发 使 用 。 


135 ”错误 列表 窗口 


在 应 用 程序 的 开发 中 ， 通 常会 遇 到 错误 ， 这 些 错误 会 在 【错误 列表 】 窗 口中 呈现 ， 开 发 
人 员 可 以 单 击 相应 的 错误 进行 错误 的 跳 转 定位 。 如 果 应 用 程序 中 出 现 编程 错误 或 异常 ， 系 统 


会 在 【错误 列表 】 窗 口 


中 呈现 ， 如 图 1-18 所 示 。 


第 1 章 ASPNET 4.5 概述 与 开发 平台 i135 


图 1-18 【错误 列表 】 窗 口 


相对 于 传统 的 ASP 应 用 程序 编程 而 言 ，ASP 应 用 程序 出 现 错误 时 并 不 能 很 好 地 将 异常 
反馈 给 开发 人 员 。 这 一 方面 是 由 于 开发 环境 的 原因 ， 因 为 Dreamweaver 等 开发 环境 并 不 能 原 
生地 支持 ASP 应 用 程序 的 开发 ， 另 一 方面 是 由 于 ASP 本 身 是 解释 型 编程 语言 ， 因 而 无 法 进 
行 良好 的 异常 反馈 。 
对 于 ASPNET 应 用 程序 而 言 ， 在 应 用 程序 运行 前 ，Visual Studio Express 2012 for Web 
会 编译 现 有 的 应 用 程序 并 进行 程序 中 错误 的 判断 。 如 果 ASPNET 应 用 程序 出 现 错误 ， 则 
Visual Studio Express 2012 for Web 不 会 让 应 用 程序 运行 起 来 ， 只 有 修正 了 所 有 的 错误 后 才能 

在 【错误 列表 】 窗 口中 包含 【错误 】、【 和 警告】 和 【消息 】3 个 选项 卡 ， 这 些 选项 卡 中 
洪 误 的 安全 级 别 不 尽 相 同 。 对 于 【错误 】 选 项 卡 中 的 错误 信息 ， 通 常 是 语法 上 的 错误 ， 如 果 
存在 语法 上 的 错误 则 不 允许 应 用 程序 的 运行 ， 而 对 于 【警告 】 和 【消息 】 选 项 卡 中 的 信息 安 
全 级 别 较 低 ， 只 是 作为 警告 而 存在 ， 通 常情 况 下 不 会 危害 应 用 程序 的 运行 和 使 用 ，【 警 告 】 
选项 卡 如 图 1-19 所 示 。 


T- = [ases ° meves P- 
说 明 文件 行 A 项 目 
[A2 验 正 HTML5): E i" RERET “sector P, 。 Defaultaspx 33 10 WebApplicationl 
|A 3 E IHTML5): 元 素 i” 不 能 了 套 丰 元素 “sector P, Defautaspx 22 10 WebApplicationl 
|A 4 IE IHTML5): 元 素 ”不 能 了 套 在 元 素 “section” 中 。 Defautaspx 28 10 WebApplicationl 
maa 输出 


图 1-19 【警告 】 选 项 卡 


在 应 用 程序 中 如 果 出 现 了 变量 未 使 用 或 者 在 页 面 布 
局 中 出 现 了 布局 错误 ,都 可 能 会 出 现 警 告 信息 。 双 击 相应 
的 警告 信息 将 会 跳 转 到 应 用 程序 中 的 相应 位 置 , 方便 开发 
人 员 检 查 错 误 。 


136 ”解决 方案 资源 管理 器 


在 Visual Studio Express 2012 for Web 中 , 为 了 方便 开 
发 人 员 进 行 应 用 程序 开发 ， 在 Visual Studio Express 2012 
for Web 主 窗口 的 右 侧 或 者 左 侧 会 呈现 一 个 【解决 方案 资 
源 管理 器 】 窗 口 。 开 发 人 员 能 够 在 【解决 方案 管理 器 】 中 
进行 相应 文件 的 选择 ， 双 击 相应 文件 后 代码 就 会 呈现 在 主 
窗口 中 ， 如 图 1-20 所 示 。 


YTUTITI -0x 
@ o-2e0ðw s | 
RERADEAREWE C+) P- 


b A Globalasax 

A packages.config 
b E Site.Master 
b Q Webconfig 


图 1-20 解决 方案 资源 管理 器 
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14。 


同事 


在 应 用 程序 开发 中 ,通常 需要 进行 不 同 的 组 件 开发 , 例如 一 个 人 开发 用 户 界面 ， 而 男 一 个 
进行 后 台 开发 ， 在 开发 中 ， 如 果 将 不 同 的 模块 分 开 开发 或 打开 多 个 Visual Studio Express 


2012 for Web 进 行 开发 是 非常 不 方便 的 。 在 【解决 方案 资源 管理 器 】 中 可 以 不 止 一 个 管理 项 目 ， 
可 以 创建 或 者 现 有 的 项 目 添加 到 解决 方案 资源 管理 器 中 。 将 一 个 项 目 看 成 是 一 个 “解决 方案 ”， 


不 同 的 项 目 之 间 都 在 一 个 解决 方案 中 进行 互相 的 协调 和 相互 的 调用 。 如 图 1-21 和 图 1-22 所 示 。 
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图 1-21 添加 项 目 到 解决 方案 管理 列表 


1.3.7 属性 窗口 


Visual Studio Express 2012 for Web 提供 了 非常 多 的 控件 ， 
方便 开发 人 员 进行 应 用 程序 的 开发 。 每 个 服务 器 控件 都 有 自己 
的 属性 ， 通 过 配置 不 同 的 服务 器 控件 的 属性 可 以 实现 复杂 的 功 
能 。 服 务 器 控件 的 属性 如 图 1-23 所 示 。 

在 控件 的 【属性 】 窗 口中 ， 可 以 为 控件 进行 样式 属性 的 配 
置 ， 包 括 字 体 的 大 小 、 字 体 的 颜色 、 字 体 的 粗细 、CSS 类 等 相 
关 的 样式 属性 ， 有 些 控件 还 需要 进行 数据 属性 的 配置 。 


1.3.8 输出 窗口 


Visual Studio Express 2012 for Web 开发 中 如 果 有 需要 系统 输出 的 或 者 控制 台 输出 的 内 
中 ， 即 非 在 网 页 窗口 中 输出 的 内 容 等 。 如 图 1-24 所 示 。 


容 ， 将 呈现 在 输出 窗 
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站 Bundleconfig 

P A Contactaspx 
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图 1-22 多 项 目的 解决 方案 资源 管理 器 
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图 1-23 【属性 】 窗 口 
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“iisexpress. exe” (托管 (v4.0.30319)): 已 加 载 “C: Windows Microsoft Net\assembly\GAC_MSIL\Systen. Web. Enti a 
“iisexpress. exe” (托管 (v4.0.30319)); 已 加 载 “5: Windows Microsoft Net\assenbly\GAC_MSIL\Systen. Web. resc 
“iisexpress. exe” (托管 (v4.0.30319)); 已 加 载 “C: \Users\HanYVAppData\LocalVTenp\Tenporary ASP.NET Files\r 
“iisexpress. exe” (托管 (v4.0.30319]): EHIS “C:\Users\HanY\AppData\Local\Tenp\Tenporary ASP.NET Files\r 
“iisexpress. exe” (托管 (v4.0.30319]): 已 加 载 “C: Windows Microsoft Net\assenbly\GAC_MSIL\System. Xanl\v4. 
“iisexpress. exe”( 托 管 (v4.0.30319)): 已 加 载 “C: Windows Microsoft Net\assenbly\GAC_MSIL\Systen. Data Ent 
“iisexpress exe”( 托 管 (v4.0.30319)): 已 加 载 “5: Windows Microsoft Het\assenbly\GAC_ISIL\Systen. Web. Exte 


“iexplore. exe” DE): 已 加 载 “ 脚 本 代码 Windows Internet Explorer)” o 
程序 “[7756] iexplore. exe” DRH, 返回 值 为 0_Ox0)。 
程序 “ [1796] iisexpress exe 托管 4.0. 30319) ”已 退出 ， 返 回 值 为 0 (0x0) 。 


图 1-24 【输出 】 窗 
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1.4 ASP.NET 应 用 程序 基础 


使 用 Visual Studio Express 2012 for Web 和 SQL Server 2012 能 够 快速 地 进行 应 用 程序 的 
开发 , 同时 能 够 创建 负载 高 的 ASPNET 应 用 程序 。 通常 情况 下 , Visual Studio Express 2012 for 
Web 负责 ASPNET 应 用 程序 的 开发 ， 而 SQL Server 2012 负责 应 用 程序 的 数据 存储 。 


1.4.1 创建 ASPNET 应 用 程序 


使 用 Visual Studio Express 2012 for Web 能 够 进行 ASPNET 应 用 程序 的 开发 ， 微 软 提 供 
了 数 十 种 服务 器 控件 方便 开发 人 员 快 速 地 进行 应 用 程序 开发 。 

(1) 启动 Visual Studio Express 2012 for Web 应 用 程序 ， 当 第 一 次 启动 时 软件 会 加 载 用 户 
设置 ， 如 图 1-25 所 示 。 启 动 后 进入 Visual Studio Express 2012 for Web 初始 界面 ， 如 图 1-26 
所 示 。 

Microsol ft Visual Studio Express 2012 for Web 


Microsoft Visual Studio Express 2012 for Web 正在 加 载 用 户 设置 。 这 可 能 需要 
几 分 钟 的 时 间 . 


图 1-25 软件 第 一 次 启动 加 载 


RRA AREO REV MAD FAM IAM RS) BOW ma) 
CEET x 


图 1-26 VSEW 初始 界面 


(2) 选择 【文件 】|【 新 建 项 目 】 命 令 ， 打 开 【 新 建 项 目 】 对 话 框 ， 或 者 在 窗口 左边 窗口 
中 的 【开始 】 区 域 选择 【新 建 项 目 .….】 超 链接 ， 如 图 1-27 所 示 。 

(3) 可 以 在 左边 的 树 形 结构 中 选择 Visual C# | Web， 然 后 在 中 间 窗 口中 选择 【ASPNET 
Web 窗 体 应 用 程序 】 选 项 ， 输 入 项 目 名 称 ， 选 择 项 目 所 存放 的 位 置 ， 单 击 【确定 】 按 钮 就 能 
创建 一 个 最 基本 的 ASPNET Web 窗 体 应 用 程序 。 创 建 完 成 后 ， 系 统 会 创建 defaultaspx、 
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default.aspx.cs、default.aspx.designer.cs 以 及 Web.config 等 文件 用 于 应 用 wit 的 开发 。 


Í sonerwmcswamms 


fB SoN oranie Daa saus mes 


ËD aone namams 
[a 
g er 


FARRER  Webappicstiont 


图 1-27 创建 ASPNET Web 窗 体 应 用 程序 


1.4.2 运行 ASPNET 应 用 程序 


创建 ASP.NET Web 窗 体 应 用 程序 后 , 就 能 够 进行 ASP.NET 应 用 程序 的 开发 了 , 开发 人 
员 可 以 在 【解决 方案 资源 管理 器 】 窗 口中 添加 相应 的 文件 和 项 目 进 行 ASP.NET 应 用 程序 和 
组 件 开 发 。Visual Studio Express 2012 for Web 提供 了 数 十 种 服务 器 控件 以 便 开 发 人 员 进 行 应 
用 程序 的 开发 。 

完成 应 用 程序 的 开发 后 ， 可 以 运行 应 用 程序 ， 选 择 【 调 试 】|【 启 动 调试】 命令 即 可 调试 
ASP.NET 窗 体 应 用 程序 。 开 发 人 员 也 可 以 使 用 快捷 键 FS 进行 应 用 程序 的 调试 ， 如 图 1-28 
所 示 。 


由 于 未 在 Web.config 文件 中 启用 调试 ， 因 此 无 法 在 调试 模式 下 运行 该 页 。 您 需 望 做 什么 ? 


@ 修改 Web.config 文件 以 启用 洒 坛 (V)。 


Á 在 生产 环境 中 部 署 网 站 之 前 ， 应 在 Web.config 文件 中 禁用 滑 坛 . 


O 不 进行 调试 直接 运行 (R)。 人 等 同 于 Ctrl+F5) 


128 ”启用 调试 配置 
选择 【修改 Web.config 文件 以 启动 调试 】 单 选 按钮 , 进行 应 用 程序 的 运行 。Visual Studio 
Express 2012 for Web 中 包含 虚拟 服务 器 ， 开 发 人 员 可 以 无 须 安装 IS 即 可 进行 应 用 程序 的 调 


We 但 是 一 旦 进入 调试 状态 , 就 无 法 在 Visual Studio Express 2012 for Web 中 进行 cs 文件 以 及 
类 库 等 源 代码 的 修改 。 单 击 【 确 定 】 按 钮 ， 页 面 如 图 1-29 所 示 。 
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主页 . 修改 此 模板 以 快速 开始 创建 ASP.NET 应 用 程序 


下 面 是 我 们 的 建议 : 


开始 使 用 
e 通过 ASP.NET Web Forms, ELAER-RREN), 2 PHRW2ISE0TSEITShiB t Sha 一 个 设计 亚 柯 加 上 娄 百 个 控件 和 组 件 ， 使 
你 能 吕 快 速生 成 复 字 有 功 训 强 大 的 、 带 有 圭 氟 访 同 由 能 的 U 更 动 站 点 。 了 部 送 红 信息 _ d 


Q #musanneanuqa 
通过 NuGet， ORUESEOSHRANEOILE, Twins 


[3] E Web WE 
ATCA AEREI R ON RAEE RERS Web BERS). 了 能 还 组 信息 。 


Aea | ER- My ASP.NET Application 


CETL 福 > 100 Ñ 


图 1-29 运行 ASP.NET 应 用 程序 


1.5 Visual Studio Express 2012 for Web 辅助 功能 


Visual Studio Express 2012 for Web 由 于 使 用 了 WPF 和 托管 代码 进行 了 开发 ， 因 为 微软 
在 IDE 中 加 入 了 很 多 界面 美化 元 素 , 增加 了 更 多 的 新 功能 或 者 对 过 去 版 本 的 一 些 功 能 进行 了 
增强 。Visual Studio 具有 多 种 版 本 ， 在 本 书 的 内 容 中 将 以 Visual Studio Express 2012 for Web 
为 基础 来 介绍 这 个 开发 环境 的 一 些 沿 用 以 前 版 本 或 新 增 的 有 利于 程序 员 开 发 的 功能 及 使 用 


1. 代码 提示 局 部 匹配 
在 代码 智能 提示 方面 ， 


现在 实现 了 局 部 的 字符 串 匹 配 提示 ， 例 如 在 网 页 代码 中 输入 一 个 
字符 i， 将 显示 i 开头 的 相关 代码 ， 并 且 旁 边 还 有 对 该 标示 符 的 解释 ， 如 图 1-30 所 示 。 
q 


2. 代码 高 亮 突 出 显示 


加 aspdmageButton 

四 aspdmageMap 

四 aspdmportCatalogpart 
Ey i 
En iframe k i 
D image 

口 imagebutton 

D img -~ 


图 1-30 局 部 字符 串 匹 配 提示 图 


选择 一 个 标识 符 ，IDE 会 为 用 户 突出 被 使 用 的 地 方 ， 在 它 不 同 的 使 用 地 方 将 高 亮 显示 。 
例如 代码 中 有 toString 函数 被 使 用 , 想 要 知道 toString 还 在 哪些 其 他 的 地 方 被 引用 的 话 , 可 以 
选中 单词 ， 稍 后 VSEW 会 高 亮 显示 所 有 的 toString 的 使 用 位 置 ， 如 图 1-31 所 示 。 
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System. Web. UI. Page 


mic partial class Scriptl 


sprotected void Page_Load(object sender, FventArgs e 


Labe12. Text = Dat 


e. Now. ToString O : 
} 


protected void Buttonl Clickl(object sender, EventA 4 


TextBoxl. Text = DateTime. Now. ToString () ; 


} 


protected void TextBoxl_TextChanged (object sender, 


Labell. Text = TextBoxl. Text. Length. ToString () : 


} 


wor -区 


图 1-31 高 亮 代码 引用 


3. 鼠标 滚动 缩放 代码 字体 大 小 

代码 编辑 器 一 个 明显 的 改变 是 ， 按 Ctrl 键 的 同时 滚动 鼠标 滚轮 ， 可 以 放大 或 缩小 编 
辑 器 中 的 代码 字体 ， 这 对 程序 员 来 说 ， 有 时 候 是 非常 有 用 的 。 

4. 插入 代码 片段 (Code Snippets) 


代码 段 是 预先 开发 的 代码 模板 ， 可 以 节省 程序 员 对 有 关 语 法 思考 的 时 间 。 在 VS 2005 和 
VS 2008 中 , 已 经 建立 了 很 多 代码 段 。 不 过 , 这 些 只 适用 于 隐藏 代码 (code behind)。 从 VS 2010 
就 已 经 开始 代码 片段 支持 Jscript、HTML 以 及 ASPNET 标记 ，Visual Studio Express 2012 for 
Web 沿用 了 该 功能 。 在 代码 区 右 击 ,从 弹出 的 快捷 菜单 中 选择 【插入 代码 段 ] 命 令 , 如 图 1-32 
所 示 ， 在 代码 区 出 现 如 图 1-33 所 示 的 界面 。 


总 sam Ctrl+X 
ð Sav Ctrl+C 
X meo Del 
各 播 和 代码 段 0… Ctrl+K, Ctrl+X 
n SHARES)... Ctrl+K, Ctrl+S 
查看 代码 (CO) 
D ”在 浏览 器 中 查看 (internet ExploreD(B) Ctrl+Shift+W 
qk € Page Inspector 中 查看 Ctrl+K, Ctrl+G 
FAB) » 
= 播 入 代码 良 : 
` 二 RON Ctrl+F10 Z= 
一 ailis 国 ASP.NET MVC 3 
—— 国 ASP.NET MVC 4 
日 ”设置 选 定 内 容 的 格式 (月 Ctrl+K, Ctrl+F 国 ASP.NET Web Pages 
格式 设置 与 验证 (V)… m HTML 


图 1-32 插入 代码 段 图 1-33 在 代码 区 插入 代码 段 
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5. 代码 中 类 的 提示 窗口 


只 要 是 将 鼠标 指向 某 个 类 名 ， 平 台 将 会 显示 该 类 的 一 些 基 本 信息 ， 供 程序 员 参 考 。 如 图 
1-34 所 示 。 
EventÀrgs e) 


class System.EventArgs 
System.EventArgs 是 包含 可 件数 据 的 类 的 基 关 。 


图 1-34 类 的 提示 窗口 
6. 在 ASP.NET 中 使 用 jQuery 


jQuery 是 继 prototype 之 后 又 一 个 优秀 的 Javascript 框架 。 它 是 轻 量 级 的 js 库 。jQuery 还 
有 一 个 比较 大 的 优势 是 ， 它 的 文档 说 明 很 全 ， 而 且 各 种 应 用 也 说 得 很 详细 ， 同 时 还 有 许多 成 
熟 的 插件 可 供 选 择 。jQuery 能 够 使 用 户 的 HTML 页 保持 代码 和 HTML 内 容 分 离 ， 也 就 是 说 ， 
不 用 再 在 HTML 里 面 插入 一 堆 JS 来 调用 命令 了 ， 只 需 定义 这 即 可 。 

Visual Studio Express 2012 for Web 版 已 经 整合 了 jQuery 的 1.7.1 版 本 ， 并 且 提 供 了 对 
jQuery 的 智能 感知 的 支持 。 在 使 用 Visual Studio Express 2012 for Web 创建 一 个 Web 应 用 程 
序 项 目 后 ， 可 以 在 Script 文件 夹 中 看 到 用 于 jQuery 的 3 个 JS 脚本 文件 ， 如 图 1-35 所 示 。 

aw s 
L _referencesjs 
L jquery-1.7.Lintellisensejs 
L jquery-1.7.1js 
L jquery-1.7.L.minjs 
L jquery-ui-1.8.20js 
L jquery-ui-1.8.20.minjs 
[T modernizr-2.5.3js 


图 1-35 jQuery 脚本 库 


jQuery 是 一 个 js 库 ， 主 要 提供 的 功能 是 选择 器 、 属 性 修改 和 事件 绑 定 等 。jQuery UI 则 
是 在 jQuery 的 基础 上 ， 利 用 jQuery 的 扩展 性 设计 的 插件 ， 提 供 了 一 些 常用 的 界面 元 素 ， 诸 
如 对 话 框 、 拖 动 行为 、 改 变 大 小 行为 等 。 要 使 用 jQuery， 只 需要 在 页 面 中 添加 对 min 压缩 版 
类 库 的 引用 ， 代 码 如 下 : 


<script lang=javascript sre="Scripts/jquery-1.7.1.min.js"></script> 
添加 代码 后 ， 在 HTML 中 即 可 使 用 jQuery 类 库 。JQuery 将 在 本 书 的 第 7 章 详细 讲解 。 
7. 使 用 IIS express 


在 Visual Studio Express 2012 for Web 中 ，IIS Express 替换 了 Visual Studio 自 带 的 
ASP.NET 开发 服务 器 。IIS Express 使 得 开发 、 运 行 和 测试 Web 程序 更 加 容易 。IIS Express 
是 开发 人 员 进 行 了 优化 IS 的 轻 量 、 独 立 的 版 本 。 它 不 但 具有 IS 以 及 其 他 函数 的 所 有 核心 
功能 同时 包括 以 下 优点 : 

e 它 不 需要 管理 员 用 户 权限 就 能 执行 大 多 数 任务 。 

e° CXF ASP.NET 的 所 有 版 本 和 所 有 应 用 程序 类 型 (包括 ASP.NET Web 窗 体 程序 和 

ASP.NET MVC 程序 )。 
° 它 支 持 在 同一 台 计 算 机 上 可 以 独立 地 运行 多 个 用 户 。 
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16 本 章 小 结 


本 章 首先 介绍 了 Web 程序 设计 的 一 些 基础 知识 ， 如 HTTP 协议 的 工作 方式 、 服 务 器 和 
浏览 器 的 概念 、B/S 开发 模式 ， 然 后 对 静态 网 页 和 动态 网 页 的 工作 原理 进行 了 分 析 和 比较 : 
动态 网 页 由 于 嵌入 了 程序 代码 ， 必 须 先 由 服务 器 把 程序 代码 转换 成 静态 网 页 才能 发 送 给 客 
户 端 。 

接着 从 ASP 的 历史 、ASPNET 的 优点 等 方面 对 ASP.NET 技术 进行 简单 的 介绍 ， 并 介绍 
ASP.NET 4.5 的 开发 环境 的 获取 和 安装 方式 ， 为 用 户 进一步 学 习 黄 定 基 础 。 最 后 ， 本 章 还 对 
Visual Studio Express 2012 for Web 各 个 窗口 的 功能 进行 了 说 明 ， 并 介绍 了 开发 ASPNET 4.5 
程序 的 一 般 流程 。 另 外 ， 还 介绍 了 Visual Studio Express 2012 for Web 相关 部 分 辅助 功能 可 供 
程序 方便 开发 程序 。 
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1. 简单 介绍 静态 网 页 和 动态 网 页 的 工作 原理 。 

2. 请 比较 ASP、PHP 和 JSP 的 优 缺 点 。 

3. 请 简 述 ASP.NET 的 优点 。 

4. 在 家 使 用 的 QQ 和 访问 百度 , 分别 是 属于 C/S 模式 还 是 B/S 模式 ， 此 时 ， 谁 是 服务 器 
端 ， 谁 是 客户 端 ? 

5. 用 Visual Studio Express 2012 for Web 创建 一 个 ASPNET Web 应 用 程序 ， 并 且 创 建 页 


第 2 章 XHTML 和 HTML5 


本 章 对 XHTML 的 概念 、 页 面 结构 、 语 法 规则 和 标记 进行 了 详细 的 描述 。 新 的 ASP.NET 
4.5 已 经 开始 支持 HTML5, XHTML 和 HTMLS5 的 语法 很 相似 , 本 章 的 最 后 会 介绍 一 些 HIML5 
和 之 前 版 本 语法 上 常用 的 标签 区 别 。 通 过 本 章 的 学 习 ， 读 者 能 够 掌握 XHTML 的 基本 概念 和 
HTML5 新 特性 ， 并 会 使 用 XHTML 和 HTML5 编写 ASPNET 网 页 。 


本 章 的 学 习 目 标 : 

理解 什么 是 HTML、XML 和 XHTML， 以 及 三 者 之 间 的 关系 ; 
掌握 动态 网 页 的 组 成 结构 ; 

掌握 XHTML 的 语法 规则 ; 

熟悉 并 使 用 XHTML 标记 ; 

熟悉 HTML5 和 XHTML 的 主要 常用 区 别 。 


21 Web 基本 技术 


互联 网 技术 正 处 于 日 新 月 异 的 高 速 发 展 中 ， 它 汇集 了 当前 信息 处 理 的 几乎 所 有 技术 手 
段 ， 来 满足 用 户 的 需求 。 下 面 对 Web 基本 技术 进行 讨论 。 


2.1.1. HTML 


HTML(HyperText Markup Language) 超 文本 标记 语言 ， 是 制作 页 面 文档 的 主要 编辑 语言 。 
无 论 在 何 种 操作 系统 下 ， 只 要 有 浏览 器 就 可 以 运行 HTML 页 面 文档 。 作 为 一 种 标记 语言 ， 
HTML 利用 近 120 种 标记 来 标识 网 页 的 结构 及 超 链 接 等 信息 ， 使 页 面 在 浏览 器 中 展示 出 精彩 
纷呈 的 效果 。HTML 只 是 建议 Web 浏览 器 应 该 如 何 显示 和 排列 信息 ， 并 不 能 精确 定义 格式 ， 
因此 在 不 同 的 浏览 器 中 显示 的 HTML 文件 效果 会 不 同 。 

HTML 文件 是 一 种 纯 文 本 文件 , 通常 以 htm 或 .html 作为 文件 扩展 名 。 可 以 用 各 种 类 型 的 
工具 来 创建 或 者 处 理 HTML 页 面 ， 如 记事 本 、 写 字 板 、FrontPage 和 Dreamweaver 等 。 

由 于 HIML 简单 易学 ， 得 到 了 广泛 的 使 用 。 但 是 ，HTML 也 存在 着 不 可 克服 的 缺陷 。 

首先 ，HTML 的 标记 是 固定 的 。 也 就 是 说 ，HTML 不 允许 用 户 创建 自己 的 标记 。 所 以 
HTML 很 难 做 更 复杂 的 事情 ， 如 它 无 法 描述 矢量 图 形 、 科 技 符号 和 一 些 其 他 特殊 显示 效果 。 

其 次 ,， HTML 中 标记 的 作用 只 是 建议 浏览 器 用 何 种 方式 显示 数据 。HTML 语言 无 法 解释 
数据 之 间 的 关系 ， 以 及 相关 结构 方面 的 信息 ， 因 此 不 能 适应 日 益 增 多 的 信息 检索 要 求 和 存档 
要 求 。 

通过 上 面 的 讨论 可 以 看 出 ，HTML 尽管 很 简单 方便 ,但 当 需 要 对 一 定量 的 数据 进行 复杂 
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处 理 时 ， 就 力不从心 了 ， 而 这 正 是 XML 可 以 大 显 身 手 的 地 方 。 
2.1.2 XML 


HTML 是 很 成 功 的 标记 语言 ， 目 前 很 多 网 站 是 由 HTML 语言 制作 的 。HTML 语法 要 求 
比较 松散 。 这 对 网 页 编写 者 来 说 ， 比 较 方 便 。 但 对 计算 机 来 说 ， 语 言 的 语法 越 松 散 ， 处 理 起 
来 就 越 困 难 。 传 统 的 计算 机 能 够 处 理 松散 的 语法 ， 但 随 着 互联 网 的 发 展 ， 对 于 许多 新 兴 的 连 
接 到 互联 网 的 设备 ， 如 手机 ， 解 析 网 页 语法 的 难度 就 比较 大 。 于 是 ， 人 们 开始 致力 于 构建 另 一 
个 标记 语言 ， 使 它 既 具有 HTML 的 简单 性 ， 又 具有 强大 的 功能 和 可 扩展 性 ，XML 应 运 而 生 。 

XML(eXtensible Markup language),， 即 可 扩展 标记 语言 , 将 网 络 上 的 文档 规范 化 ， 并 赋予 
标记 一 定 的 含义 。 同 时 ，XML 不 仅仅 只 是 标记 语言 ， 它 还 提供 了 一 个 标准 。 用 户 可 以 利用 
这 个 标准 定义 新 的 标记 语言 ， 并 为 这 个 新 的 标记 语言 规定 它 所 特有 的 一 套 标 记 。 

XML 已 经 在 文件 配置 、 数 据 存储 、 基 于 Web 的 B2B 交易 、 存 储 矢量 图 形 和 描述 分 子 结 
构 等 众多 方面 得 到 广泛 的 应 用 。 但 是 ， 由 于 目前 的 浏览 器 对 XML 的 支持 还 不 够 完善 ，XML 
在 互联 网 上 完全 替代 HTML 还 需要 很 长 一 段 时 间 。 

在 由 HTML 向 XML 过 渡 阶段 ， 国 际 万 维 网 组 织 (W3C) 在 HTML 基础 上 ， 按 照 XML 格 
式 制定 了 新 的 规范 XHTML 1.0， 使 网 络 编程 人 员 只 要 通过 简单 的 更 改 ， 就 能 将 HTML 转 为 
XHTML， 从 而 为 实现 由 HTML 向 XML 的 过 渡 找 到 桥梁 。 


2.1.3 XHTML 


XHTML 是 The Extensible HyperText Markup Language (可 扩展 标识 语言 ) 的 缩写 。 HTML 
是 一 种 基本 的 Web 网 页 设计 语言 ， XHTML 是 一 个 基于 XML 的 置 标语 言 ， 看 起 来 与 HTML 
有 些 相 像 ， 只 有 一 些小 但 重要 的 区 别 。XHTML 就 是 一 个 扮演 着 类 似 HTML 角色 的 XML, 
所 以 ， 本 质 上 说 ，XHTML 是 一 个 过 渡 技术 ， 结 合 了 部 分 XML 的 强大 功能 及 大 多 数 HTML 
的 简单 特性 ， 是 一 种 增强 了 的 HIML。 它 的 可 扩展 性 和 灵活 性 将 适应 未 来 网 络 应 用 的 需求 。 
虽然 XML 的 数据 转换 能 力 强大 ， 完 全 可 以 替代 HIML， 但 面 对 成 千 上 万 已 有 的 基于 HTML 
语言 设计 的 网 站 ， 直 接 采用 XML 还 为 时 过 早 。 因 此 , 在 HIML 4.0 的 基础 上 , 用 XML 的 规 
则 对 其 进行 扩展 , 得 到 了 XHTML 可 扩展 超 文 本 标记 语言 .XHTML 是 为 了 使 HTML 向 XML 
顺利 过 渡 而 定义 的 标记 语言 ， 它 以 HTML 为 基础 ， 采 用 XML 严谨 的 语法 结构 ， 越 来 越 多 的 
程序 员 开 始 利用 XHTML 设计 网 站 结构 ， 编 写 网 页 内 容 。 

目前 国际 上 在 网 站 设计 中 推崇 的 Web 标准 就 是 基于 XHTML 的 应 用 ( 即 通常 所 说 的 
CSS+DIV)。 大 部 分 的 浏览 器 都 可 以 正确 地 解析 XHTML, 即使 老 版 本 的 浏览 器 , 也 将 XHTML 
作为 HIML 的 一 个 子 集 。 因 此 ， 可 以 说 几乎 所 有 的 网 页 浏览 器 在 正确 解析 HIML 的 同时 ， 
都 可 以 兼容 XHTML, 


2.2 XHTML 的 基本 格式 


XHTML 以 HIML 为 基础 ， 因 此 与 HIML 有 很 多 相似 之 处 。 通 过 这 一 节 的 学 习 可 掌握 
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ASP.NET 的 页 面 文档 结构 和 XHTML 的 语法 规则 。 


2.2.1 ASPNET 的 文档 结构 


F 


下 面 以 建立 的 welcome.aspx 为 例 ， 来 说 明 ASP.NET 的 文档 结构 。 
首先 ， 创 建 一 个 窗 体 文件 ， 在 【解决 方案 资源 管理 器 】 中 选择 项 目 名 称 ， 右 击 ， 在 右键 


中 选择 【添加 】| 【新 建 项 】 命 令 ， 将 打开 【添加 新 项 】 窗 口 ， 如 图 2-1 和 图 2-2 所 示 。 


之 后 的 窗口 都 是 如 此 创建 ， 将 不 再 重复 。 
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图 2-1 打开 添加 新 建 项 
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图 2-2 【添加 新 项 】 窗 口 
welcome.aspx 的 XHTML 代码 如 下 : 


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="welcome.aspx.cs" 
Inherits="WebApplication1.welcome" %> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 


<head runat="server"> 
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<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title></title> 

</head> 

<body> 
<form id="form1" runat="server"> 
<div> 
<p>Welcome to ASP.NET 4.5</p> 
</div> 
</form> 

</body> 

</html> 

从 上 面 的 代码 可 以 看 到 ， 一 个 完整 的 ASP.NET 页 面 文档 是 由 指令 、 文 档 类 型 声明 、 代 
码 声明 、 服 务 器 代码 、 文 本 和 XHTML 标记 等 部 分 组 成 。 


1. 指令 


ASP.NET 页 面 通常 包含 一 些 指令 ,允许 用 户 指 定 页 面 的 属性 和 配置 信息 , 对 页 面 进行 设 
置 。 指 令 指定 的 设置 ， 不 会 出 现在 浏览 器 端 。 

在 网 页 设计 时 ，ASPNET 提 供 “ 代 码 分 离 ” 技 术 ， 使 开发 者 进行 分 工 协作 ， 分 别 进行 网 
页 界面 代码 设计 和 后 台 服 务 器 运行 代码 设计 。 在 具体 实践 中 ， 将 网 页 界面 代码 放 在 扩展 名 
为 aspx 文件 中 ， 将 Web 服 务 器 运行 代码 放 在 另 一 个 文件 中 ， 若 此 文件 是 由 C# 编 写 的 ， 则 文件 
扩展 名 为 .cs。 这 样 做 可 以 使 前 台 HTML 界面 随 着 潮流 不 停 地 变化 ， 而 后 台 服 务 器 端的 代码 可 
以 稳定 地 实现 业务 处 理 。 

„aspx 文件 和 .cs 文件 的 相互 关联 是 由 aspx 文件 中 @page 指令 连接 的 。 如 本 例 中 : 


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Welcome.aspx.cs" 
Inherits="WebApplication1.Welcome" %> 


该 指令 说 明 编 程 语言 为 C#， 需 要 链接 的 服务 器 代码 文件 为 welcome.aspx.cs。 
2. 文档 类 型 声明 


DOCTYPE 为 文档 类 型 声明 ， 是 document type (文档 类 型 ) 的 缩写 ， 平台 Visual Studio 
Express 2012 for Web 已 经 开始 支持 HIMLS， 并 且 兼 容 其 他 版 本 的 网 页 语言 ， 所 以 相对 于 以 
前 的 ASPNET 4.0 所 使 用 的 VS 2010 开发 工具 ， 这 部 分 代码 有 所 不 同 。 由 于 VS 2010 默认 建 
立 的 网 页 即 为 XHTML1.0 格式 的 网 页 ， 创 建 的 窗 体 文档 必须 指定 本 文档 遵从 的 
DTD(Document Type Definition， 即 : 文档 类 型 定义 ) 标 准 ， 同 时 指定 了 文档 中 的 XHTML 版 
本 ， 可 以 和 哪些 验证 工具 一 起 使 用 等 信息 ， 以 保证 此 文档 与 Web 标准 的 一 致 。 

文档 类 型 声明 是 每 个 网 页 文档 必需 的 ， 如 果 网 页 文档 中 没有 文档 类 型 声明 ， 浏 览 器 就 会 
采用 默认 的 方式 ， 即 W3C 推荐 的 HTML 4.0 来 处 理 此 HTML 文档 。 

如 果 是 ASP.NET 4.0， 文 档 类 型 声明 部 分 代码 为 : 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 


第 2 章 XHTML 和 HIML5 25. 


“W3C//DTD XHTML 1.0 Transitional” 说 明 此 文档 符合 W3C 制定 的 XHTML 1.0 规范 ， 
即 声明 此 文档 应 该 按照 XML 文档 规范 来 配对 所 有 标记 。“xhtmll-transitional.dtd” 中 的 DTD 
是 文档 类 型 定义 ， 包 含 了 文档 的 规则 ， 浏 览 器 根据 页 面 所 定义 的 DTD 来 解释 页 面 内 的 标识 ， 
并 将 其 显示 出 来 。 
而 新 的 ASPNET 4.5 默认 使 用 类 似 HIMLS 的 规则 大 大 简化 这 部 分 代码 ， 如 下 : 


<!DOCTYPE html> 


fE Visual Studio Express 2012 for Web 平 台 工具 栏 中 有 可 以 
选择 该 文档 想 按照 哪 种 语言 版 本 验证 目标 构架 , 如 图 2-3 所 示 。 


- HTML 4.01 
HTML5 
3. 代码 声明 XHTML 1.1 
XHTML 1.0 Frant 
包含 ASP.NET 页 面 的 所 有 应 用 逻辑 和 全 局 变量 声明 、 子 全 


例 程 和 函数 。 页 面 的 代码 声明 位 于 <script>...</scrip 忆 标记 中 。 2-3 选择 验证 目标 构架 
4. 服务 器 代码 


大 多 数 ASPNET 页 面包 含 处 理 页 面 时 在 服务 器 上 运行 的 代码 。 页 面 的 代码 位 于 script 
标记 中 ， 该 标记 中 的 开始 标记 包含 runat="server" 属性 。 

如 本 例 中 的 <head runat="server">， 说 明 页 面 运行 时 ，ASP.NET 将 此 标记 标识 为 服务 器 
控件 ， 并 使 其 可 用 于 服务 器 代码 。 


5. 文本 和 XHTML 标记 


页 面 的 文本 部 分 用 XHTML 标记 来 实现 ， 这 一 部 分 结构 应 完全 符合 HIML 的 文件 结构 。 
在 上 面 的 例子 中 可 以 看 到 ， 一 个 最 基本 的 HTML 网 页 结构 由 以 下 3 个 部 分 构成 : 


<html> 
<head> 
<title> 标 题 内 容 </title> 
</head> 
<body> 
主要 内 容 
</body> 
</html> 

(1) <html >...</html>: 整个 HTML 文件 的 起 止 标记 ， 其 他 HTML 标记 都 要 被 放 在 这 对 
标记 之 间 。 

在 HTML 代码 中 ， 仅 有 <html >...</html>， 而 在 XHTML 代码 中 使 用 了 <html html 
xmlns="http://www.w3.org/1999/xhtml">...</html>。 其 中 的 xmlns 是 XHTML namespace 的 缩 
写 ， 即 XHTML 命名 空间 ， 用 来 声明 网 页 内 所 用 到 的 标记 是 属于 哪个 名 称 空间 的 。 本 例 中 ， 
指定 HTML 的 标记 名 称 空 间 为 htp:/www.w3.org/1999/xhtml ， 这 属于 XML 1.0 的 写法 。 说 
明 整 个 网 页 标记 应 符合 XHTML 规范 。 

(2) <head>...</head>: HTML 头 部 文件 。 

头 部 文件 中 包含 页 面 传递 给 浏览 器 的 信息 ， 这 些 信息 作为 一 个 单独 的 部 分 ， 不 是 网 页 
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的 主体 内 容 ， 但 有 时 对 于 浏览 器 而 言 是 很 有 用 的 。 在 头 部 文件 中 可 以 设置 页 面 的 标题 、 关 
键 字 、 外 部 链接 和 脚本 语言 等 内 容 。 例 如 ， 用 <title>...</title> 标 记 来 设置 网 页 的 标题 ， 用 
<script >...</scrip 人 标记 来 插入 脚本 等 。 

(3) <body>...</body>: 文档 内 容 部 分 。 

<body>...</body> 标 记 之 间 为 页 面 文档 的 主体 ， 用 来 放置 页 面 的 内 容 ， 是 在 浏览 器 中 需 
要 显示 的 内 容 。 对 一 个 最 简单 的 网 页 来 说 ，<body>...</body> 标 记 符 是 必须 使 用 的 标记 符 。 


2.2.2 XHTML 的 语法 规则 


因为 引入 XHTML 的 目的 是 在 HIML 中 使 用 XML, 所 以 XHTML 的 语法 规则 比 HIML 
严格 很 多 。 具 体 规则 如 下 。 

(1) UTF-8 之 外 的 编码 ， 文 档 必 须 具 有 XML 声明 。 

当 文 档 的 字符 编码 是 默认 的 UTF-8 之 外 的 编码 时 , 编程 人 员 必 须 在 XHTML 页 面 中 添加 
一 个 XML 声明 并 指定 代码 。 例 如 : 

<? xml version="1.0" encoding="iso-8859-1"?> 
(2) 页 面 的 html 标记 必须 指定 命名 空间 。 

html 标记 必须 指定 XHTML 命名 空间 , 即将 namespace 属性 添加 到 html 标记 中 , 如 例子 
中 的 <html xmlns="http://www.w3.org/1999/xhtml">...</html>。 

(3) 文档 必须 包含 完整 的 结构 标记 。 

文档 必须 包含 head, title 和 body 结构 标记 。 框 架 集 文档 必须 包含 head, title 和 frameset 
结构 标记 。 

(4) 标记 必须 正确 嵌 套 。 

XHTML 要 求 有 严谨 的 结构 ， 文 档 中 的 所 有 标记 必须 按 顺序 正确 嵌 套 ， 例 如 ，<p>This is 
a <i> bad example.</p></ 户 是 错误 的 ; <p>This is a <i> good example.</i></p> 是 正确 的 。 也 就 是 
说 ,一 层 一 层 的 柑 套 必须 是 严格 对 称 的 。 

(5) 标记 必须 成 对 使 用 ， 若 是 单独 不 成 对 的 标记 ， 在 标记 最 后 加 仿 结 束 。 例 如 ，<br> 是 
错误 的 ，<br 人 是 正确 的 。 

(6) 所 有 标记 名 称 和 属性 的 名 字 都 必须 使 用 小 写 。 

与 HIML 不 同 ，XHTML 对 大 小 写 是 敏感 的 ，XHTML 要 求 所 有 的 标记 和 属性 的 名 字 都 
必须 使 用 小 写 。<tile> 和 <TITLE> 在 XHTML 是 不 同 的 标记 。 

(7) 属性 值 必须 用 引号 "" 插 起 来 。 

在 HTML 中 ， 不 要 求 给 属性 值 加 引号 ， 但 是 在 XHTML 中 ， 属 性 值 必须 被 加 引号 。 例 
如 ，<height=80> 必 须 修改 为 <height="80">。 

特殊 情况 下 ， 若 用 户 需 要 在 属性 值 里 使 用 双 引 号 ， 可 以 使 用 &apos; 表 示 ， 例 如 : 


<alt="say&apos;hello&apos;"> 


(8) 属性 不 允许 简写 ， 每 个 属性 必须 赋值 。 
XHTML 规定 所 有 属性 都 必须 有 一 个 值 ， 没 有 值 的 就 重复 本 身 。 例 如 : 


<input type="checkbox" name="shirt" value="medium" checked> 
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必须 修改 为 
<input type="checkbox" name="shirt" value="medium" checked="true"> 


(9) 使 用 id 替代 name 属性 。 
(10) 图 片 必须 有 说 明文 字 。 
每 个 图 片 标记 必须 有 ALT 说 明文 字 。 即 必须 对 img 和 area 标记 应 用 文字 说 明 alt= “t 
明 ” 属 性 。 如 : 
<img src="fish.jpg" alt="big fish" /> 
(11) 不 要 在 注释 内 容 中 使 “--”。 
“--” 只 能 发 生 在 XHTML 注释 的 开头 和 结束 ， 也 就 是 说 ， 在 内 容 中 它们 不 再 有 效 。 例 
如 下 面 的 代码 是 无 效 的 : 
<!-- 这 里 是 注释 ----------- 这 里 是 注释 --> 
可 以 用 等 号 或 者 空格 蔡 换 内 部 的 虚线 ， 如 <!-- 这 里 是 注释 = 这 里 是 注释 --> 是 正确 的 。 
以 上 规则 的 使 用 是 为 了 使 代码 有 一 个 统一 、 唯 一 的 标准 ,便于 以 后 的 数据 再 利用 ， 为 由 
HTML 向 XML 过 渡 打 下 基础 。 


2.3 XHTML 标记 、 标 记 属 性 


标记 (Tags) 是 指定 界 符 (一 对 尖 括 号 ) 和 定 界 符 括 起 来 的 文本 , 用 来 控制 数据 在 网 页 中 的 编 
排 方式 ， 告 诉 应 用 程序 (例如 浏览 器 ) 以 何 种 格式 表现 标记 之 间 的 文字 。 当 需要 对 网 页 某 处 内 
容 的 格式 进行 编排 时 ， 只 要 把 相应 的 标记 放置 在 该 内 容 之 前 ， 浏 览 器 就 会 以 标记 定义 的 方式 
显示 网 页 的 内 容 。 学 习 XHTML 语言 的 重点 就 是 学 习 标记 的 使 用 。 
标记 控制 文字 显示 的 语法 为 : 
< 标记 名 称 > 
需 进 行 格式 控制 的 文字 
</ 标 记名 称 > 
在 XHTML 标记 中 ,往往 还 可 以 通过 设 定 一 些 属性 来 描述 标记 的 外 观 和 行为 方式 ， 以 及 
内 在 表现 ， 以 便 对 文字 编排 进行 更 细微 的 控制 。 几 乎 所 有 的 标记 都 有 自己 的 属性 。 例 如 ， 
style="text-align:center"， 其 中 ，style 就 是 标记 的 属性 ，style 的 值 设置 文 本 格式 为 居中 对 齐 。 
使 用 标记 符 有 如 下 一 些 注意 事项 。 
o 任何 标记 都 用 “<” 和 “>” 括 起 来 ， 一 般 情 况 下 ， 标 记 是 成 对 出 现 的 。 
e 标记 名 与 “<” 之 间 不 能 有 空格 。 
o 某 些 标记 要 加 上 属性 ， 而 属性 只 能 加 于 起 始 标 记 中 。 格 式 为 : 
< 标记 名 属性 名 = 属性 值 ”属性 名 = 属性 值 …> 网 页 内 容 </ 标 记名 > 
XHTML 文件 支持 很 多 种 标记 ， 不 同 的 标记 代表 不 同 的 含义 。XHTML 常用 的 标记 包括 
主体 标记 、 注 释 标 记 、 分 层 标 记 、 文 本 标记 、 列 表 标 记 、 表 格 标 记 、 图 像 标 记 和 超 链 接 标 
Te 


“28。 ASPNET 4.5 动态 网 站 开发 基础 教程 


2.3.1 主体 标记 <body>...</body> 


主体 标记 之 间 定 义 了 网 页 的 所 有 的 显示 内 容 。 网 页 默认 的 显示 格式 为 : 白色 背景 ，12 像 
素 黑 色 Times New Roman 字体 。 

在 XHTML 中 ，<body> 标 记 用 属性 style 来 设置 样式 ， 如 设置 字体 的 大 小 、 颜 色 、 页 面 
的 背景 色 和 背景 图 等 。 格 式 为 : 


< 标记 style=" 样 式 1: (8 1: 样式 2: 值 2; "> 


其 中 , 样式 与 值 用 冒号 分 隔 , 如 果 style 属性 中 包含 多 个 样式 , 各 个 样式 之 间 用 分 号 隔 开 。 
style 属性 常用 的 样式 如 下 。 
e background-color: 设置 网 页 的 背景 颜色 ， 默 认为 白色 背景 。 
color: 设置 网 页 中 字体 的 颜色 ， 默 认 颜 色 为 黑色 。 
font-family: 设置 网 页 中 字体 的 名 称 ， 如 宋体 、 楷 体 、 黑 体 等 。 
font-size: 设置 网 页 中 字体 的 大 小 。 
text-align: 设置 网 页 中 文本 的 对 齐 方式 ， 有 left( 左 对 齐 ， 默 认 对 齐 方式 )、right( 右 对 
齐 ) 和 center (居中 对 齐 )3 种 对 齐 方 式 。 

例如 ，<body style="font-family: 宋 体 ; color:blue">， 设 置 网 页 字体 为 宋体 ， 字 体 的 颜色 
为 蓝 色 。 


2.3.2 ”注释 标记 <!-- 注 释 内 容 -- > 


浏览 器 会 自动 忽略 注释 标记 中 的 文字 (可 以 是 单行 也 可 以 是 多 行 ) 而 不 显示 。 注 释 标记 
用 在 比较 复杂 或 多 人 合作 设计 的 页 面 中 ， 为 代码 部 分 加 上 说 明 ， 方 便 日 后 修改 ， 增加 页 面 的 
可 读 性 和 可 维护 性 。 


233 ”分 层 标记 <div>...</div> 


分 层 标 记 用 来 排版 大 块 的 XHTML 段落 , 为 XHTML 页 面 内 大 块 (block-level) 的 内 容 提 供 
结构 和 背景 的 标记 。 可 用 style 属性 ， 在 其 中 加 入 许多 其 他 样式 ， 以 实现 对 其 中 包含 元 素 的 版 
面 设置 。 

div 标记 除了 可 以 作为 文本 编辑 功能 外 ， 还 可 以 用 作 容 器 标记 ， 即 将 按钮 、 图 片 、 文 本 
框 等 各 种 标记 放 在 div 里 面 作为 它 的 子 对 象 元 素 处 理 。 


234 ”文本 和 格式 标记 


网 页 中 最 常用 的 就 是 文字 了 , 这 里 将 详细 介绍 XHTML 对 网 页 中 的 文字 进行 格式 设计 和 
排版 的 常用 标记 。 

(1) 标题 字体 大 小 标记 <hn>...</hn> 

设 定 网 页 的 标题 格式 。 由 大 至 小 ， 有 6 种 设置 标题 格式 的 标记 : <hl>、<h2>、<h3>、 
<h4>、<h5> 和 <h6>。 

(2) 字体 的 加 粗 、 和 斜体 和 下 划 线 标记 

<b>...</b> 标 记 : 以 加 粗 字 的 形式 输出 文本 。 
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< 谊 ...</ 户 标记 : 以 斜体 字 的 形式 输出 文本 。 

<u>...</u> 标 记 : 以 下 划 线 形式 输出 文本 。 

(3) 段落 标记 

e <p>...</p> 

段落 标记 <p>...</p> 的 作用 是 将 标记 之 间 的 文本 内 容 自动 组 成 一 个 完整 的 段落 。 

o 预 格式 化 标记 <pre>...</pre> 

预 格式 化 标记 <pre>...</pre> 使 标记 之 间 的 文本 信息 能 够 在 浏览 器 中 按照 原 格式 毫 无 变 
化 地 输出 。 它 可 以 使 浏览 器 中 显示 的 内 容 与 代码 中 输入 的 文本 信息 格式 完全 一 样 。 

(4) 换行 标记 <br /> 

<br 户 用 于 添加 一 个 回 车 换行 ， 该 标记 没有 结束 标记 ， 故 在 XHTML 中 以 < 放 > 结束 。 sa 
© XHTML 时 ， 如 果 在 文件 中 用 回 车 键 分 开 了 某 一 段 文 字 ， 当 在 浏览 器 中 显示 时 ， 浏览 
忽略 源 代码 中 的 换行 ， 而 并 不 会 显示 换行 的 效果 。 若 要 显示 网 页 中 的 文字 换行 效果 ， > 
文件 中 使 用 <br 入 标记。 

(5) 画 线 标记 <hr /> 

画 线 标记 <hr 人 单独 使 用 ， 可 以 实现 段落 的 换行 ， 并 绘制 一 条 水 平 直线 ， 并 在 直线 的 上 

下 两 端 留 出 一 定 的 空间 。 可 以 使 用 style 属性 进行 设置 。 其 中 有 以 下 两 个 属性 。 

o width: 设置 画 线 的 长 度 ， 取 值 可 以 是 以 像素 为 单位 的 具体 数值 ， 也 可 以 使 用 相对 于 

其 父 标记 宽度 的 百分比 数值 。 

e height: 设置 画 线 的 粗细 ， 单 位 是 像素 。 

(6) 文本 居中 标记 <center>... </center> 

文本 居中 标记 用 来 将 网 页 中 center 标记 内 的 元 素 居中 显示 。 

【 例 2-1】 建 立 ASP.NET 页 面 ， 命 名 为 text.aspx， 主 体 部 分 代码 如 下 : 


<body style="te xt-align:center;:font-family: 楷 体 _ GB2312;color:blue"> 
<!-- 设 置 整个 页 面 的 字体 居中 显示 ， 字 体 为 楷体 ， 颜 色 为 蓝 色 --> 
<form id="form1" runat="server"> 
<div > 
设 定 标题 格式 示例 : 
<h1> 设 定 标题 格式 ， 此 处 用 hl 效果 </h1> 
<h6> 设 定 标题 格式 ， 此 处 用 h6 效果 </h6> 
<hr style ="width:70%;height:10px;color:Black" /> 
<!- 画 一 条 分 割 线 ， 宽 度 为 整个 页 面 的 70%， 宽 度 为 10 像素 ， 颜 色 为 黑色 -> 
<p> 字体 的 特殊 效果 示例 : </p> 
<b> 粗 体 显 示 </b><br > 
<i> 斜 体 显 示 </i><br /> 
<hr 这 
</div> 
</form> 
</body> 


由 于 本 章 例子 只 是 一 些 静态 的 网 页 代码 ， 编 写 完 后 ， 可 以 在 代码 区 域 空白 处 右 击 ， 在 菜 
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单 中 选择 【在 浏览 器 中 查看 (Internet Explorer)】 命 令 即 可 ， 如 图 2-4 所 示 ， 将 会 直接 在 浏览 
中 看 到 运行 后 的 效果 。 
在 浏览 器 中 运行 代码 ， 结 果 如 图 2-5 所 示 。 


X som Cirl+X 
ú) sav Ctrl+C 
X meo Del 设 定 标题 格式 示例 ， 
和 ARBED.. Cul+K Cl+X 
t CS). Culrk Ceris 设 定 标 题 格 式 ， 此 处 用 h1 效 果 
EERO 
D ELRES nternet Explorer)(8) — Ctri+Shit+W 设 定 标题 格式 ， 此 处 用 5 效果 
a E Page Inspector PEE Ctri+K, Ctri+G 
S8) 
x 运行 到 EN) CirlsF10 字体 的 特殊 效果 示例 ， 
eoa BERT 
panien AEDT 
SEERM) 
REZEARWERA CultK, Ctrl+F 
stem siego.. x @& #ss Intranet | 保护 模式: RS G > Rios < | 
图 2-4 选择 运行 网 页 代码 图 2-5 对 页 面 使 用 文本 标记 


(7) 列表 标记 
使 用 列表 标记 可 以 为 网 页 中 的 文本 设置 表格 。 列 表 标 记 包 括 有 序列 表 标 记 和 无 序列 表 
标记 。 
° 无 序列 表 标 记 <ul>...<Aul> 和 列表 项 标记 <li>.…<Ai> 
无 序列 表 是 指 各 个 列表 项 目 没有 顺序 。 显 示 时 ， 在 各 列表 项 前 面 显 示 特 殊 符 号 的 缩 排列 
表 。 语 法 格式 为 : 
<ul style="list-style-type"> 


<I 谊 列表 项 1 
<I 户 列表 项 2 


<li> 列 表 项 mn 
</ul> 
其 中 ，list-style-type 可 以 有 3 种 形式 : 默认 形式 disc( 实 心 圆 )、circle( 空 心 圆 ) 和 square( 实 
心 方块 )。 默 认 形式 为 disc KNE. 
<li> 有 自动 换行 的 作用 ， 每 个 条 目 自动 为 一 行 。 每 一 个 <li> 创 建 的 项 目 可 以 使 用 
list-style-type 单独 指定 的 项 目 符号 。 
° ”有 序列 表 标 记 <ol>...</o> 和 列表 项 标记 <li>...</li> 
有 序列 表 是 在 各 列表 项 前 面 显示 数字 或 字母 的 缩 排列 表 。 有 序列 表 显 示 时 ， 会 在 每 个 条 
目前 面 加 上 一 定形 式 的 有 规律 的 项 目 序 号 。 语 法 格式 为 : 
<ol style="list-style-type"> 
<li> 列 表 项 1 
<li> 列 表 项 2 


<Hi> 列 表 项 n 
</ol> 
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HP, list-style-type 可 以 设 为 upper-alpha( 大 写 英文 )、lower-alpha( 小 写 英文 )、 
upper-roman( 大 写 罗马 数字 )、lower-roman( 小 写 罗马 数字 ) 和 decimal( 十 进 制 数 字 ) 等 。 默 认 的 
列表 标识 符 为 阿拉 伯 十 进 制 数 字 。 

同 无 序列 表 中 一 样 ，<li> 有 自动 换行 功能 。 而 且 每 一 个 <li> 创 建 的 项 目 可 以 使 用 
list-style-type 单独 指定 的 项 目 符号 。 

【 例 2-2】 建 立 ASP.NET 页 面 ， 名 称 为 listaspx， 其 主体 部 分 XHTML 代码 如 下 : 


<body> 
<form id="form1" runat="server"> 
<div> 
电子 产品 
<ul> 
<1i> 数 码 相 机 </Li> 
<li style ="list-style-type:dise"> 移 动 硬盘 </li> 
<li style ="list-style-type:circle">MP3,MP4</li> 
<li style ="list-style-type:square"> 笔 记 本 电脑 </li> 
<h> 
服装 箱包 
<ol > 
<ER N> 
<li style ="list-style-type:lower-roman"> 女 鞋 </li> 
<li style ="list-style-type:lower-alpha"> 男 夹克 </li> 
<li style ="list-style-type:upper-roman"> 流 行 男女 箱包 </li> 
<lol> 
</div> 
</form> 
</body> 


在 浏览 器 中 运行 代码 ， 结 果 如 图 2-6 所 示 。 


“rE A 


ml dd 


c. 男 夹克 
IV. 流行 男女 箱包 
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图 2-6 对 页 面 使 用 列表 标记 
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(8) 空格 标记 &nbsp 

在 XHTML 中 ,直接 输入 多 个 空格 ， 仅 仅 会 被 视 为 一 个 空格 ， 而 多 个 回 车 换行 符 也 仅仅 
被 浏览 器 解读 为 一 个 空格 。 为 了 能 够 显示 多 个 空格 ，XHTML 保留 了 HTML 中 的 空格 标记 
&nbsp。 一 个 &nbsp 代表 一 个 空格 ， 多 个 &nbsp 则 代表 相应 的 空格 数 。 


235 “表格 标记 


通过 学 习 上 面 的 文本 标记 ， 可 以 对 网 页 内 容 设 置 字体 、 段 落 、 对 齐 方式 等 ， 但 是 由 于 浏 
览 器 的 不 同 ， 不 能 精确 控制 文本 具体 显示 在 网 页 的 位 置 ， 而 使 用 表格 标记 就 可 以 对 网 页 中 的 
各 个 元 素 的 具体 位 置 进行 控制 。 因 此 ， 表 格 在 网 页 设计 中 的 定位 功能 极其 重要 ， 同 时 也 是 在 
网 页 设计 所 有 编辑 方式 中 最 灵活 的 。 

表格 由 行 与 列 组 成 ， 每 一 个 基本 表格 单位 称 为 单元 格 。 单 元 格 在 表格 中 可 以 包含 文本 、 
图 像 、 表 单 以 及 其 他 页 面 元 素 。 


1. 表格 标记 <table>..… </table> 


表格 标记 用 来 声明 表格 ， 标 志 着 一 个 表格 的 开始 和 结束 ， 表 格 的 所 有 定义 都 在 这 对 标记 
范围 内 适用 。<table>.… </table> 标 记 的 常用 属性 如 下 。 
align: 设置 表格 在 网 页 中 的 水 平 对 齐 方式 ， 可 选 值 有 left. right, center. 
backGround: 为 表格 指定 背景 图 片 。 
bgcolor: 为 表格 设 定 背 景色 。 
border: 设置 表格 边框 厚度 ， 如 果 此 参数 为 0， 那么 表格 不 显示 边界 。 
cellpadding: 设置 单元 格 中 的 数据 与 表格 边线 之 间 的 间距 ， 以 像素 为 单位 。 
cellspacing: 设置 各 单元 格 之 间 的 间距 ， 以 像素 为 单位 。 
valign: 设置 表格 在 网 页 中 的 垂直 对 齐 方式 ， 可 选 值 有 top、middle、bottom。 
width: 设置 整个 表格 宽度 。 


2. 行 起 止 标记 <tr>.… </tr> 


此 标记 表明 了 表格 一 行 的 开始 和 结束 ， 有 具有 以 下 属性 。 

o align: 设置 行 中 文本 在 单元 格 中 的 水 平 对 齐 方式 ， 可 选 值 有 left. right, center. 
© backGround: 为 这 一 行 单元 格 指定 背景 图 片 。 

© bgcolor: 为 这 一 行 单元 格 设 定 背 景色 。 

3. 单元 格 起 始 标记 <td>.… </td> 


单元 格 起 始 标记 用 于 设置 表 行 中 某 个 单元 格 的 开始 和 结束 。 
[j| 2-3】 建 立 ASP.NET 页 面 ， 名 称 为 table.aspx， 其 XHTML 主体 部 分 代码 如 下 : 


<body> 
<form id="form1" runat="server"> 
<div> 
<table border="5"> 
<tr align ="center" > 
<td bgcolor="red"> 第 一 行 第 一 列 ， 背 景 红 色 </td> 
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<td bgcolor="blue"> 第 一 行 第 二 列 ， 背 景 蓝 色 </td> 
<td bgcolor="green"> 第 一 行 第 三 列 ， 背 景 绿色 <td> 
</tr> 
<!-- 以 上 设置 第 一 行 ， 文 字 居中 --> 

和 

<td align="left"> 第 二 行 第 一 列 ， 左 对 齐 </td> 
<td align="center"> 第 二 行 第 二 列 ， 居 中 </td> 

<td align='right"> 第 二 行 第 三 列 ， 右 对 齐 </td> 


</tr> 
<!-- 以 上 设置 第 二 行 -> 
</table> 
</div> 
</form> 


</body> 


在 浏览 器 中 查看 运行 结果 ， 如 图 2-7 所 示 。 


e BE | httpy//localhost:57362/table.aspx 


第 二 行 第 一 列 ， 左 对 齐 | 第 二 行 第 二 列 ， 居 中 | 第 二 行 第 三 列 ， 右 对 齐 
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图 2-7 对 页 面 使 用 表格 标记 


【 例 2-4】 设 置 表格 的 边框 和 间距 。 
通过 <table> 标 记 的 border 属性 设置 表格 边框 为 5 像素 ，cellspacing 属性 设置 单元 格 之 间 
的 间距 为 8 像素 ，cellpadding 属性 设置 单元 格 内 数据 与 单元 格 边框 之 间 的 边 距 为 10 像素, 创 
建 页 面 tablel.aspx， 相 关 代码 如 下 : 


<table width="300" border="5" cellpadding="10" cellspacing="8"> 
<tr> 
<td> 第 一 行 第 一 列 </td> 
<td> 第 一 行 第 二 列 </td> 
</tr> 
<tr> 
<td> 第 二 行 第 一 列 </td> 
<td> 第 二 行 第 二 列 </td> 
</tr> 
</table> 


运行 结果 如 图 2-8 所 示 。 
在 设计 网 页 时 ， 有 时 需要 设置 跨行 、 跨 列 的 表格 ， 即 一 个 单元 格 占用 多 行 或 者 多 列 。 
(D <td> 标 记 的 rowspan 属性 : 用 于 设置 单元 格 在 水 平方 向 上 跨越 的 单元 格 个 数 。 
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第 一 行 第 一 列 | 第 一 行 第 二 列 


u 边框 5 间距 8 


第 二 行 第 一 列 | 第 二 行 第 二 列 


图 2-8 设置 表格 的 边框 和 间距 
(2) <td> 标 记 的 colspan 属性 : 用 于 设置 单元 格 在 垂直 方向 上 跨越 的 单元 格 个 数 。 
【 例 2-5】 设置 跨行 、 跨 列 的 表格 。 


通过 <td> 标 记 的 rowspan, colspan 属性 分 别 设置 跨行 、 跨 列 的 单元 格 ， 创 建 页 面 
table2.aspx， 相 关 代 码 如 下 : 


<table width="300" border="1"> 
<tr> 
<td width="85" rowspan="2"> 跨 两 行 </td> 
<td colspan="2"> 跨 两 列 </td> 
</tr> 
<tr> 
<td width="128">datal</td> 
<td width="65">data2</td> 
</tr> 
<tr> 
<td>data3</td> 
<td>data4</td> 
<td>data5</td> 
</tr> 
</table> 


运行 结果 如 图 2-9 所 示 。 3 zam 


To Epo 
2.3.6” 超 链接 标记 <a>...</a> 一 一 — 


A GEk | httpy//localhost:57362/table2.aspx 


超 链接 是 通过 文字 、 图 像 等 载体 对 文件 进行 || esf 。 2 
链接 ， 引 导 文件 的 阅读 。 互 联网 的 魅力 就 在 于 可 = = 
以 通过 超 链接 使 任何 一 个 网 页 ， 可 以 任意 链接 到 
世界 任何 角落 的 其 他 网 页 文件 。 超 链接 往往 用 不 Oee a o - 
同 的 颜色 或 下 划 线 与 网 页 中 的 其 他 文字 区 别 ， 在 图 29 设置 跨行 、 跨 列 的 表格 
阅读 文件 时 ， 用 户 通过 单 击 超级 链接 ， 能 够 随时 查阅 文件 相关 的 详细 信息 。 

1. 超 链接 命令 的 格式 

<a href="URL"” id=" 设 置 锚 点 " target=" 链 接 目 标 网 页 打开 的 窗口 "> 锚 点 </a> 
各 参数 含义 如 下 。 
e 错 点 ， 实 现 链接 的 源 点， 通常 当 和 鼠标 移动 到 错 点 上 会 变 成 小 手 的 形状 ， 浏 览 者 通过 
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在 锚 点 上 单 击 鼠 标 就 可 以 到 达 链 接 目 标点 。 

o href 属性 : 设 定 要 链接 到 的 文件 名 称 ， 为 必 选 项 。 若 文件 与 页 面 不 在 同一 个 目录 ， 需 
要 加 上 适当 的 路 径 ， 一 般 路 径 的 格式 为 hre 全 "域名 或 IP 地 址 /文件 路 径 /文件 名 丧 东 点 
名 称 "。 

o id 属 性 : 用 来 定义 页 面 内 创建 的 锚 点 ， 在 实现 页 面 内 部 链接 的 时 候 使 用 。 

o target 属性 : 设 定 链接 目标 网 页 所 要 显示 的 视窗 ， 默 认为 在 当前 窗口 打开 链接 目标 ， 
可 选 值 有 _ blank、_parent、_self、_top 及 窗 体 名 称 。 
> target=" blank"; 将 链接 的 目标 内 容 在 新 的 浏览 器 窗口 中 打开 。 

target="_parent": 将 链接 的 目标 内 容 在 父 浏览 器 窗口 中 打开 。 

target="_self": 将 链接 的 目标 内 容 在 本 浏览 器 窗口 中 打开 (默认 值 )。 

target="_top": 将 链接 的 目标 内 容 在 顶级 浏览 器 窗口 中 打开 。 

target=" 窗 体 名 称 ": 常用 于 框架 或 浮动 框架 中 , 将 链接 的 目标 内 容 在 “ 窗 体 名 称 ” 

的 框架 窗 体 中 打开 ， 框 架 窗 体 名 称 已 经 事先 在 框架 或 浮动 框架 标记 中 命名 。 


v v v v 


例如 : 
<a href="http://www.taobao.com" target="_self" > 淘宝 网 </a> 
这 一 段 代码 运行 后 ， 单 击 这 个 超 链接 ， 会 在 本 窗口 访问 淘宝 网 。 
2. 超 链 接 的 形式 
XHTML 支持 的 超 链接 有 以 下 几 种 形式 : 不 同 网 页 之 间 的 跳 转 、 链 接 至 电子 邮件 、 链 接 


跳 转 到 具体 的 锚 点 等 。 不 同 的 超 链 接 形式 有 不 同 的 格式 . 
(1) 链接 到 其 他 网 页 ， 基 本 格式 如 下 : 


<a href="URL"> 锚 点 </a> 


在 此 处 表示 链接 的 是 指定 网 页 。 运 行 时 单 击 链接 ， 转 向 另 一 个 页 面 。 
O 链接 到 图 像 上 ， 基 本 格式 如 下 : 


<a href="image name.jpg" > 锚 点 </a> 


运行 时 ， 单 击 超 链接 ， 跳 转向 一 幅 图 片 。 
(3) 链接 到 电子 邮件 ， 基 本 格式 如 下 : 


<a ”hre 伍 "mailto: 邮 件 地 址 "> 锚 点 </a> 


其 中 邮件 地 址 形式 为 : name@site.come。 

例如 ，<a hre 人 "mailto: administrator@sohu.com" > 与 搜狐 网 管理 员 联 系 </a>， 运 行 后 ， 
单 击 超 链接 “与 搜狐 网 管理 员 联 系 ”， 将 跳 转 到 向 管理 员 邮 箱 发 信 的 页 面 。 

(4) 页 内 链接 。 有 的 页 面 文本 内 容 很 多 ， 浏 览 器 打开 页 面 往往 从 页 面 顶端 开始 显示 ， 若 
用 户 需要 的 信息 不 在 页 面 的 起 始 部 分 ， 用 户 将 费时 费力 地 从 上 向 下 进行 搜索 。 在 此 时 ， 设 置 
页 内 的 链接 是 很 有 必要 的 。 

实现 页 面 内 的 链接 时 ， 需 要 先 使 用 id 属性 定义 一 个 锚 点 ， 格 式 为 : 
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<a id=" 锚 点 名 称 "> 预 被 链接 后 显示 的 首部 分 </a> 
然后 再 使 用 href 属性 指向 该 锚 点 ， 格 式 为 : 
<a href="# 锚 点 名 称 "> </a> 


# 号 表示 链接 目标 与 <a> 标 记 属于 同一 个 页 面 。 
【 例 2-6】 建 立 ASP.NET 页 面 ， 通 过 <a> 标 记 ， 使 用 “相对 路 径 ” 和 “绝对 路 径 ” 指 定 
href 属性 值 ， 名 称 为 hyperlink.aspx， 其 主体 部 分 代码 如 下 : 


<head runat="server"> 

<title> 建 立 超 链接 </title> 

</head> 

<body> 

<font size="20"><b> 建 立 超 链接 : </b></font> 

<p align="center"> 

<a href="sub_01.htm"> 了 解 链 接 标 记 A</a><br/><br/> 

<a href="sub_02.htm" target=" blank"> 练 习 建 立 内 部 链接 </a><br/><br/> 
<a href="http://www.sina.com.cn" target=" blank"> 实 践 建立 外 部 链接 </a> 
</p> 

</body> 


在 浏览 器 中 查看 运行 结果 ， 如 图 2-10 所 示 。 


SE. Ga P >°] 
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图 2-10 对 页 面 使 用 超 链接 标记 


【 例 2-7】 建 立 ASP.NET 页 面 ， 名 称 为 hyperlink2.aspx， 其 主体 部 分 代码 如 下 : 


<body> 

<form id="form1" runat="server"> 

<div> 

第 2 章 XHTML 基础 知识 

<ul> 
<li>2.1 web 基本 技术 </li> 
<li><a href="#html">2.1.1 HTML</a></li> 
<li><a href="#xml">2.1.2 XML</a></li> 
<li><a href="#xhtml">2.1.3 XHTML</a></li> 

</ul> 
<!-- 在 网 页 头 部 设 定 指向 锚 点 的 超 链接 -> 
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<br/> 


<p> 
<a id="html">2.1.1 HTML</a><br/> 
<!-- 创 建 锚 点 html--> 
HTML(HyperText Markup Language) 超 文本 标记 语言 ， 是 制作 网 页 文档 的 


</p> 
<p> 
<a id="xml">2.1.2 XML </a><br/> 


<!-- 创 建 锚 点 xml--> 
HTML 是 很 成 功 的 标记 语言 ，.……<br/> 
</p> 
<p> 
<a id="xhtm]">2.1.3 XHTML </a><br/> 
<!-- 创 建 锚 点 xhtml--> 
XML 虽然 数据 转换 能 力 强大 ，.…-<br> 
</p> 
</div> 
</form> 
</body> 
果 如 图 2-11 所 示 。 


以 上 代码 运行 


语言 ， 是 制作 
fà v R100% ~ 


trr TE 
图 2-11 对 页 面 内 部 使 用 超 链接 标记 


文本 超 链接 之 外 , 还 可 以 创建 图 像 超 链接 ， 只 要 将 <a> 和 </a> 这 对 标记 放 在 图 片 


除了 创建 
两 端 即 可 。 如 下 所 示 : 


<a href=" flower.htm" ><img src=" flower. jpg"></a> 
FEI flower. jpg 时 ， 页 面 将 跳 转 到 网 页 flower.htm 


237 图像 标记 <img /> 


当 单 击 
PP 的 图 像 可 以 使 网 页 更 加 生动 、 直 观 。 常 见 的 图 像 格式 有 GIF. JPEG 和 PNG 
等 。 其 中 , GIF 和 JPEG 格式 能 被 大 多 数 浏览 器 所 支持 。 网 页 中 的 图 像 一 般 使 用 72ppi DIFE 


Web 页 面 9 
RGB 色彩 模式 ， 在 XHTML 中 使 用 <img 人 标记 来 向 页 面 中 插入 图 像 


图 像 标记 的 语法 格式 为 : 
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<img src=" 图 像 文件 名 " [alt=" 提 示 文 本 "] [border=" 边 框 宽度 "] [align= "对 齐 方式 ] [width=" 
宽度 像素 大 小 "] [height=" 高 度 像素 大 小 "] alt=" 说 明 "> 


其 中 各 参数 的 含义 如 下 。 

e src: 这 个 属性 是 必须 的 ， 用 来 链接 图 像 的 来 源 。 若 图 像 文件 与 XHTML 页 面 文件 处 
于 同一 目录 下 ， 则 只 写 文 件 名 称 ; 若 图 像 文件 与 页 面 不 在 同一 目录 ， 需 要 加 上 合适 
的 路 径 ， 相 对 路 径 和 绝对 路 径 均 可 。 

e align: 设置 图 像 旁边 文字 的 位 置 。 可 以 控制 文字 出 现在 图 片 的 上 方 、 中 间 、 底 端 、 
左 侧 和 右 侧 。 可 选 值 为 tp、middle、bottom、left 和 right， 默 认 值 为 bottom。 

° alt: 区 别 于 HIML， 每 个 图 片 标记 必须 有 ALT 说 明文 字 。 若 用 户 使 用 文字 浏览 
由 于 浏览 器 不 支持 图 像 ， 这 些 文字 会 蔡 代 图 像 显 示 出 来 ; 若 用 户 使 用 支持 图 像 显示 
的 浏览 器 ， 当 鼠标 移动 至 图 像 上 时 这 些 文字 也 会 显现 出 来 。 

【 例 2-8】 建 立 ASPNET 页 面 ， 命 名 为 picture aspx， 揪 入 图 片 applejpg，XHTML 主体 
部 分 代码 如 下 : 


<body> 
<form id="form1" runat="server"> 
<div> 
<img src="apple.jpg" align="left" width="150" alt="apple"/> 图 片 左 对 齐 ， 宽 150 像素 
</div> 
<p> 
</p> 
<div align="center"> 
<img / src="apple.jpg" align="middle" ”height="100" alt="apple" /> 图 片 居中 , K 100 像素 <br /> 
</div> 
</form> 
</body> 
在 浏览 器 中 查看 运行 结果 ， 如 图 2- 12 EE 
m 区 st:57362/picture aspx - Windows Internet E.. =E] J 


— @ ETZEON E 


A GR | httpy/localhost57362/picture.aspx 
图 片 左 对 齐 ， 宽 150 像 素 


图.… 长 100 像 素 


Q 本 地 Intranet | 保护 模式 : 禁用 fa v R100% ~ 
图 2-12 对 页 面 使 用 图 片 标记 


ERT. Gaa P A 


注意 : 


当 筷 标 移 至 图 片上 时 ， 会 显示 出 alt 属性 的 内 容 “apple”。 
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23.8 表单 <form>...</form> 


表单 在 网 页 中 起 着 非常 重要 的 作用 ， 它 是 与 用 户 进行 信息 交互 的 主要 手段 。 无 论 是 提交 
要 搜索 的 信息 ， 还 是 网 上 注册 等 都 需要 使 用 表单 。 表 单 相当 于 一 个 容器 ， 它 把 需要 向 服务 器 
传送 的 信息 搜集 到 一 起 ， 以 便 提 交 到 服务 器 进行 处 理 。 

1. 表单 标记 <form> 


在 HTML 中 ， 只 要 在 需要 使 用 表单 的 地 方 插入 成 对 的 标记 <form> 和 </form>， 就 可 以 插 
入 一 个 表单 。 语 法 格式 如 下 : 


<form name="" method="" action=""> 


上 述 语法 格式 包括 <form> 标 记 的 以 下 基本 属性 。 
(1) name: 该 属性 表示 表单 的 名 称 。 
(2) method: 该 属性 用 于 定义 提交 信息 的 方式 ， 取 值 为 post 或 get， 默 认为 get。 两 者 的 
区 别 如 下 。 
o 使 用 get 方式 提交 信息 时 , 表单 中 的 信息 会 作为 字符 串 自动 附加 在 URL 的 后 面 , URL 
和 后 面 的 参数 信息 会 显示 在 浏览 器 的 地 址 栏 中 。sget 方式 传输 的 数据 量 非 常 小 ， 一 般 
限制 在 2KB 左右 ， 但 执行 效率 比较 高 。 例 如 : 


http://www.domain.com/test.aspx?name=myname&password=mypassword 
o 使 用 post 方式 提交 信息 时 ， 需 要 对 输入 的 信息 进行 包装 ， 存 入 单独 的 文件 中 (不 附 在 
URL 后 面 )， 等 待 服务 器 取 走 ， 这 种 方式 对 信息 量 大 小 没有 限制 。 
G) action: 该 属性 用 来 指定 处 理 表单 数据 的 程序 文件 所 在 的 位 置 ， 当 单 击 提交 按钮 后 ， 
就 将 表单 信息 提交 给 该 属性 指定 的 文件 进行 处 理 。 
如 下 是 一 个 建立 表单 的 例子 : 
<form name="forml" method="post" action=" login.aspx" > 
</form> 
这 是 一 个 没有 任何 内 容 的 表单 ， 还 需要 向 表单 中 添加 各 种 表 自 
2. <input> 标 记 
该 标记 可 以 在 表单 中 定义 单行 文本 框 、 单 选 按钮 、 复 选 框 等 表单 元 素 ， 基 本 语法 格 
AWT: 


TEk 


元 素 。 


<input name="" type="" size=" "> 


不 同 的 元 素 有 不 同 的 属性 ， 具 体 属性 如 表 2-1 所 示 。 
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表 2-1 <input> 标 记 的 属性 
属 性 功 能 
type 插入 表单 的 元 素 类 型 ， 具 体 取 值 如 表 2-2 所 示 
name 表单 元 素 的 名 称 
size 单行 文本 框 的 长 度 ， 取 值 为 数字 ， 表 示 多 少 个 字符 长 
单行 文本 框 可 以 输入 的 最 大 字符 数 ， 取 值 为 数字 ， 表 示 多 少 个 字符 ， 当 大 于 size 的 属性 
值 时 ， 用 户 可 以 移动 光标 来 查看 整个 输入 内 容 
对 于 单行 文本 框 ， 表 示 输 入 文本 框 的 默认 值 ， 为 可 选 属性 ; 
value 对 于 单 选 按 钮 或 复 选 框 ， 则 指定 单 选 按 钮 被 选中 后 传送 到 服务 器 的 实际 值 ， 为 必 选 属性 ; 
对 于 按钮 ， 则 指定 按钮 表面 上 的 文本 ， 可 选 属性 
checked 若 被 加 入 ， 则 默认 选中 
表 2-2 type 属性 的 值 
属 性 值 说 BB 
text 表示 单行 文本 框 
assword 表示 密码 框 ， 输 入 的 字符 以 “*” 或 “。” 显 示 
Tadio 表示 单 选 按钮 
checkbox 表示 复 选 框 
submit 表示 提交 按钮 ， 单 击 后 将 把 表单 信息 提交 到 服务 器 
reset 表示 重 置 按钮 ， 单 击 后 将 清除 所 输入 的 内 容 
image 表示 图 像 域 ， 此 时 input 标记 还 有 一 个 重要 属性 : src， 用 来 指定 图 像 域 的 来 源 


hidden 


隐藏 文本 域 ， 类 似 于 text， 但 不 可 见 ， 常 用 于 传递 信息 


3. <select> 标 记 


复 选 框 和 单 选 按 钮 是 收集 用 户 多 重 选择 数据 的 有 效 方式 。 但 是 ， 如 果 可 供 选 择 的 项 比较 
多 ， 那 么 表单 将 变 得 很 长 而 难以 显示 。 在 这 种 情况 下 ， 就 需要 使 用 下 拉 菜 单 ， 下 拉 菜 单 用 


<select> 和 </select> 标 记 来 定义 。 


<selecf> 标 记 是 和 <option> 标 记 配 合 使 用 的 ， 一 个 <option> 标 记 就 是 下 拉 菜 单 中 的 一 个 选 
项 。<select> 标 记 和 <option> 标 记 的 属性 分 别 如 表 2-3 和 表 2-4 所 示 。 


表 2-3 <select> 标 记 的 属性 


属 性 功 能 
name 下 拉 菜 单 的 名 称 
Size 指定 下 拉 菜单 中 显示 的 菜单 项 数目 ， 取 值 为 数字 
若 被 加 入 ， 表 示 可 同时 选中 下 拉 荣 单 中 的 多 个 荣 单项 ， 否则 ， 只 能 选择 一 个 ， 没 有 属性 
值 ， 多 选 时 ， 按 住 Ctrl 键 逐 个 选取 
表 2-4 <option> 标 记 的 属性 
B t 功 能 
指定 菜单 项 被 选中 后 传送 到 服务 器 的 实际 值 ， 可 选 属性 ， 如 果 省 略 ， 则 将 显示 的 内 容 传 
value = 
到 服务 器 
selected 若 被 加 入 ， 则 表示 默认 选中 ， 没 有 属性 值 
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4. <textarea> 标 记 


有 些 情 况 下 需要 一 个 能 够 输入 多 行文 本 的 区 域 ，<textarea> 和 </textarea> 标 记 就 是 用 于 定 
义 一 个 多 行文 本 域 ， 常 用 于 需要 输入 大 量 文字 的 地 方 ， 如 留言 、 自 我 介绍 等 。 由 <textarea> 创 
建 的 文本 域 对 输入 的 文本 长 度 没 有 任何 限制 ， 该 区 域 在 垂直 方向 和 水 平方 向 上 都 可 以 有 滚动 
条 。 其 属性 和 属性 值 如 表 2-5 所 示 。 


表 2-5 ”<textarea> 标 记 的 属性 
属 性 功 能 
name 多 行文 本 域 的 名 称 
多 行文 本 域 的 行 数 ， 取 值 为 数字 


多 行文 本 域 的 列 数 ， 取 值 为 数字 
【 例 2-9】 建 立 表 单 。 


建立 表单 并 应 用 表格 布局 来 制作 个 人 简历 , 在 表单 中 插入 文本 框 、 单 选 按钮 、 下 拉 菜 单 、 
复 选 框 、 多 行文 本 域 、 提 交 按 钮 、 重 置 按钮 等 表单 元 素 ， 创 建 页 面 form.aspx， 代 码 如 下 : 


<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title></title> 
<style type="text/css"> 
= 
body{font-size:14px} 
--> 
</style> 
</head> 
<body > 
<form name="form1" method="post" action="form.aspx"enctype="multipart/form-data"> 
<table width="550" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#3399FF"> 
<tr align="center" valign="middle" bgcolor="#FFFFFF"> 
<td height="30" colspan="4" bgcolor="#B7DAF9"> 个 人 简历 </td> 
</tr> 
<tr bgcolor="#FFFFFF"> 
<td width="16%" height="30"> 真 实 姓名 :</td> 
<td height="30" colspan="3"><input name="name" type="text" id="name" maxlength="50"></td> 
</tr> 
<tr bgcolor="#FFFFFF"> 
<td height="30"> 年 龄 :</td> 
<td width="36%" height="30"><input name="age" type="text" 1d="age" size="10" 
maxlength="10"/></td> 
<td width="9%" height="30"> 性 别 : </td> 
<td width="39%" height="30"> 
<input name="sex" type="radio" value="0" checked="checked"> 
<input type="radio" name="sex" value="1"/> 女 
</td> 
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</tr> 
<tr bgcolor="#FFFFFF"> 
<td height="30"> 毕 业 院 校 :</td> 
<td height="30" colspan="3"><input name="school" type="text" id="school" maxlength="50"></td> 
</tr> 
<tr bgcolor="#FFFFFF"> 
<td height="30"> 所 学 专业 :</td> 
<td height="30" colspan="3"><select name="spe" id="spe"> 
<option value="0"> 选 择 专业 </option> 
<option value="1"> 计 算 机 应 用 </option> 
<option value="2"> 土 木工 程 </option> 
<option value="3"> 软 件 工程 师 </option> 
<option value="4"> 注 册 会 计 师 </option> 
</select></td> 
</tr> 
<tr bgcolor="#FFFFFF"> 
<td height="30"> 联 系 方式 :</td> 
<td height="30" colspan="3"><input name="tel" type="text" id="tel"></td> 
</tr> 
<tr bgcolor="#FFFFFF"> 
<td height="30"> 爱 好 :</td> 
<td height="30" colspan="3"> 
<input name="favorite" type="checkbox" id="favorite" value="0"/> 计算 机 
<input name="favorite" type="checkbox" id="Checkbox1" value="1"/> 英 语 
<input name="favorite" type="checkbox" id="Checkbox2" value="2"/> 体 育 
<input name="favorite" type="checkbox" id="Checkbox3" value="3"/> 旅 游 
</td> 
</tr> 
<tr bgcolor="#FFFFFF"> 
<td height="30"> 工 作 简历 :</td> 
<td height="30" colspan="3"><textarea name="summery" cols="60" rows="8" 
id="summery"></textarea></td> 
</tr> 
<tr bgcolor="#FFFFFF"> 
<td height="30">&nbsp;</td> 
<td height="30" colspan="3" align="center"><input type="submit" name="Submit" value=" 提 交 "> 
&nbsp:&nbsp;&nbsp;&nbsp:&nbsp:&nbsp:&nbsp;&nbsp; <input type="Teset" name="Submit2" 
E "></td> 
</tr> 
</table> 
</form> 
</body> 


运行 结果 如 图 2-13 所 示 。 


value: 


H 


.43 ° 


图 2-13 建立 表单 À 
2.4 HTML5 的 介绍 


HTML5 是 下 一 代 HTML, HTML5 将 成 为 HTML, XHTML 以 及 HTML DOM 的 
新 标准 。 目 前 , HTML5 仍 处 于 完善 之 中 , 不 过 大 部 分 现代 浏览 器 已 经 具备 了 某 些 HTML5 支 
持 。HTML5 规定 了 两 种 serialization 形式 : 一 种 是 宽松 的 HTML 风格 ， 一 种 是 严格 的 
XMIL/XHTML 风格 。 人 们 有 时 把 XMLXHTML 风格 的 HTML, serialization 称 作 XHTMLS， 
但 这 个 XHTML 只 剩 下 名 号 了 ， 和 XHTML 1/2 的 独立 规范 不 一 样 ， 应 当 避 免 混 淆 。 


2.4.1 HTML5 的 发 展 史 


HTML 5 的 第 一 份 正式 草案 于 2008 年 1 月 22 日 公布 。 

2012 年 12 月 17 H, 万维网 联盟 WW3QO) 正 式 宣布 凝结 了 大 量 网 络 工作 者 心血 的 HIML5 
规范 已 经 正式 定稿 。 根 据 W3C 的 发 言 稿 称 ，“HTMLS5 是 开放 的 Web 网 络 平台 的 黄 基 石 ”。 

2013 年 5 月 6 日 ，HIML5.1 正式 草案 公布 。 该 规范 定义 了 第 五 次 重大 版 本 ， 第 一 次 要 
修订 万 维 网 的 核心 语言 : 超 文本 标记 语言 GTML)。 在 这 个 版 本 中 ， 新 功能 不 断 推 出 ， 以 帮 
助 Web 应 用 程序 的 作者 ， 努 力 提 高 新 元 素 互 操作 性 。 

本 次 草案 的 发 布 ， 从 2012 年 12 月 27 日 至 今 ， 进 行 了 多 达 近 百 项 的 修改 ， 包 括 HTML 
和 XHTML 的 标签 ， 相 关 的 API, Canvas 等 ， 同 时 HIMLS 的 图 像 img 标签 及 svg 也 进行 了 
改进 ， 性 能 得 到 进一步 提升 。 

支持 Html5 的 浏览 器 包括 Firefox( 火 狐 浏览 器 )、 正 9 及 其 更 高 版 本 、Chrome( 谷 歌 浏 览 器 )， 
Safari、Opera、Maxthon 以 及 基于 IE 或 Chromium(Chrome 的 工程 版 或 称 实验 版 ) 所 推出 的 360 
浏览 器 、 搜 狗 浏览 器 、QQ 浏览 器 、 猫 豹 浏览 器 等 国产 浏览 


2.4.2 HTML5 的 新 改革 
HTML5 提供 了 一 些 新 的 元 素 和 属性 , 如 <nav>( 网 站 导航 块 ) 和 <footer>。 这 种 标签 将 有 利 
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于 搜索 引擎 的 索引 整理 ， 同 时 更 好 地 帮助 小 屏幕 装置 和 视 障 人 士 使 用 。 除 此 之 外 ， 还 为 其 他 
浏览 要 素 提 供 了 新 的 功能 ， 如 <audio> 和 <video> 标 记 。 

(1) 取消 了 一 些 过 时 的 HTMLA 标记 ， 其 中 包括 纯粹 显示 效果 的 标记 。 如 <fon> 和 
<center>， 它 们 已 经 被 CSS 取代 。 

HIML5 吸取 了 XHTML2 一 些 建议 ,包括 一 些 用 来 改善 文档 结构 的 功能 , 如 新 的 HTML 
标签 header, footer, dialog, aside, figure 等 的 使 用 ， 将 使 内 容 创作 者 更 加 容易 地 创建 文档 ， 
之 前 的 开发 者 在 实现 这 些 功能 时 一 般 都 是 使 用 div。 

以 下 标签 已 从 HTML 中 删除 : <acronym>、<applet>、<basefont>、<big>、<center>、 
<dqir>、<font>、<frame>、<frameset>、<noframes>、<strike>、<tt>。 

(2) 将 内 容 和 展示 分 离 。 

b 和 i 标签 依然 保留 , 但 它们 的 意义 已 经 和 之 前 有 所 不 同 , 这 些 标签 的 意义 只 是 为 了 将 
一 段 文 字 标识 出 来 ， 而 不 是 为 了 为 它们 设置 粗 体 或 斜体 式样 。u、font、center、strike 这 些 标 
签 则 被 完全 去 掉 了 。 

(3) 一 些 全 新 的 表单 输入 对 象 。 

HTML 拥有 多 个 新 的 表单 输入 类 型 。 这 些 新 特性 提供 了 更 好 的 输入 控制 和 验证 ， 包 括 
日 期 、URL、Email 地 址 ， 其 他 的 对 象 则 增加 了 对 非 拉丁 字符 的 支持 。HTMLS 还 引入 了 微 
数据 ， 这 一 使 用 机 器 可 以 识别 的 标签 标注 内 容 的 方法 ， 使 Web 的 处 理 更 为 简单 。 总 的 来 说 ， 
这 些 与 结构 有 关 的 改进 使 内 容 创建 者 可 以 创建 更 干净 、 更 容易 管理 的 网 页 。 这 样 的 网 页 对 搜 
索引 擎 ， 对 读 屏 软件 等 更 为 友好 。 

新 的 输入 类 型 如 表 2-6 所 示 。 


表 2-6 type 属性 的 新 增值 


属 性 值 说 明 

email 表示 email 类 型 用 于 应 该 包含 e-mail 地 址 的 输入 域 。 在 提交 表单 时 ， 会 自动 验证 
email 域 的 值 。 

url 表示 ud 类 型 用 于 应 该 包含 URL 地 址 的 输入 域 。 在 提交 表单 时 ， 会 自动 验证 url 域 
的 值 。 

number 表示 number 类 型 用 于 应 该 包含 数值 的 输入 域 。 用 户 还 能 够 设 定 对 所 接受 的 数字 的 限 
E: 参考 表 2-7。 

range 表示 range 类 型 用 于 应 该 包含 一 定 范围 内 数字 值 的 输入 域 。 range 类 型 显示 为 滑动 条 。 
用 户 还 能 够 设 定 对 所 接受 的 数字 的 限定 : 参考 表 2-7。 

Date pickers (date, month, week, time, datetime, datetime-locaD) 表 示 HIMLS 拥有 多 个 可 供 选取 日 期 
和 时 间 的 新 输入 类 型 : 
date - 选取 日 、 月 、 年 
month - 选取 月 、 年 
week - 选取 周 和 年 
time - 选取 时 间 ( 小 时 和 分 钟 ) 
datetime - 选取 时 间 、 日 、 月 、 年 (UTC 时 间 ) 
datetime-local - 选取 时 间 、 日 、 月 、 年 (本 地 时 间 ) 

search 表示 search 类 型 用 于 搜索 域 ， 如 站 点 搜索 或 Google 搜索 。 


search 域 显示 为 常规 的 文本 域 。 
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当 type 属性 是 number 或 range 时 ， 可 以 添加 以 下 属性 对 所 接受 的 数字 加 以 限定 ， 如 表 
2-7 所 示 。 


表 2-7 当 type 属性 是 number 或 range 时 


E 性 值 š 明 
max | _ 值 是 个 数字 ， 规 定 属性 number EË range 人 允许 的 最 大 值 
Imin 值 是 个 数字 ， 规 定 属性 number 或 range 允许 的 最 小 值 


值 是 个 数字 ， 规 定 合法 的 数字 间隔 (如 果 step="3"， 则 合法 的 数 是 -3,0,3,6 等 ) 


规定 默认 值 


【 例 2-40] HTML5 表单 示例 。 

建立 表单 使 用 HIMLS 新 特性 来 制作 ,在 表单 中 插入 fieldset， 文 本 框 、 单 选 按钮 、 时 间 、 
数字 框 、 邮 件 框 、 颜 色 、range、url、 提 交 按 钮 、 重 置 按钮 等 表单 元 素 ， 创 建 页 面 form html。 
代码 如 下 : 


<IDOCTYPE HTML> 
<html> 
<head> 
<title>form example 1</title> 
</head> 
<body> 
<form> 
<fieldset> 
<legend>HTML5 表单 实例 </legend> 
姓 名 : 
<input type="text" name="txt_name" autofocus="autofocus" required="required" />* 必 填 
<br /><br /> 
Ft]: 
<input type="radio" name="radiogroup1" value=" 男 " /> 男 
<input type="radio" name="radiogroup1" value=" Z" checked="checked"/> 女 <br /><br /> 
出 生年 月 :<input type="date" name="txt_birth" value="2000-05-01" /><br /><br /> 
身高 (100cm-220cm):<input type="number" name="txt_height" value="165" min="100" max="220" 
/><br /><br /> 
电子 邮件 :<input type="email" name="user email" placeholder=" 请 输入 电子 邮件 "/> <br /><br /> 
颜色 偏好 :<input type="color" name="select_color" /><br /><br /> 
外 语 水 平 : 低 <input type="range" name="txt_grade" min="0" max="100" /> 高 <br /><br /> 
个 人 空间 :<input type="url" name="user_url" placeholder=" 请 输入 个 人 空间 "/><br /><br /> 
<input type="submit" value=" 提 交 "><input type="reset" value=" 重 置 "> 
</fieldset> 
</form> 
</body> 
</html> 
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运行 结果 如 图 2-14 所 示 。 


HTIL5 表 单 实例 

姓名 * 必 填 
性 别 : O8 回 女 

出 生年 月 :|2000/5/1 M 


身高 (100cm-220cm) : 165 


电子 邮件 : 


颜色 仿 好 : Esa 
外 语 水 平 ， 低 高 
个 人 空间 : 

提交 s= 


图 2-14 建立 表单 


(4) 全 新 的 ， 更 合理 的 Tag。 

多 媒体 对 象 将 不 再 全 部 绑 定 在 object 或 embed Tag 中 , 而 是 视频 有 视频 的 Tag， 音频 有 
音频 的 Tag。 

(5) 本 地 数据 库 。 

这 个 功能 将 内 嵌 一 个 本 地 的 SQL 数据 库 ， 以 加 速 交 互 式 搜索 ， 缓 存 以 及 索引 功能 。 同 
时 ， 那 些 离线 Web 程序 也 将 因此 获 益 菲 浅 。 不 需要 额外 安装 插件 就 可 以 实现 交互 数据 。 

(6) Canvas 对 象 。 

将 给 浏览 器 带 来 直接 在 上 面 绘制 矢量 图 的 能 力 ， 这 意味 着 用 户 可 以 脱离 Flash 和 
Silverlight， 直 接 在 浏览 器 中 显示 图 形 或 动画 。 

(7) 浏览 器 中 的 真正 程序 。 

将 提供 API 实现 浏览 器 内 的 编辑 、 拖 放 ， 以 及 各 种 图 形 用 户 界面 的 能 力 。 内 容 修 饰 Tag 
将 被 剔除 ， 而 使 用 Css. 

(8) Html5 取代 Flash 在 移动 设备 的 地 位 。 

(9) 其 突出 的 特点 就 是 强化 了 Web 页 的 表现 性 ， 追 加 了 本 地 数据 库 。 
由 于 ， 本 书 中 涉及 的 网 页 代码 使 用 Htmls 新 特性 的 不 是 很 多 ， 大 部 分 和 XHTML 相似 ， 
这 里 就 不 再 详细 讲解 。 
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很 多 网 页 开发 工具 ， 都 是 兼容 使 用 HTML 和 XHTML 语言 。 本 章 主要 介绍 了 一 些 常用 
的 XHTML 标记 的 用 法 ， 从 而 为 动态 网 页 制作 技术 的 学 习 打 下 良好 的 基础 。 

首先 ， 介 绍 了 HTML. XML 和 XHTML 语言 的 特点 。 

接 下 来 ， 着 重 介绍 了 XHTML 的 基本 结构 和 语法 规则 。XHTML 文档 至 少 由 以 下 3 对 标 
记 组 成 : <HTML>...</HIML>、<HEAD>...</HEAD> 和 <BODY>...</BODY>。 


并 且 通 过 具体 的 例子 分 别 讲述 了 文字 、 图 片 、 超 链接 、 表格 和 表单 等 HTML 标记 的 用 法 。 
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主要 内 容 如 下 。 
e <p> 标记 和 <br> 标 记 : 段落 标记 和 换行 标记 ， 进 行文 字 的 排版 时 经 常用 到 。 
o <a> 标记 : 用 于 创建 超 链接 ， 最 重要 的 属性 是 href， 设 置 目标 网 页 的 URL 地 址 。 
e <img> 标 记 : 插入 图 像 的 标记 ， 要 注意 sre 属性 的 设置 。 如 果 图 像 显 示 不 出 来 ， 一 般 
就 是 src 属性 设置 得 不 对 。 
e <table> 标记 : 创建 表格 的 标记 ， 表 格 在 网 页 中 常 被 用 于 页 面 的 布局 ， 几 乎 所 有 的 网 
页 都 会 用 到 。<table> 标 记 用 于 创建 一 个 表格 ,<t> 标 记 和 <td> 标 记分 别 创建 表格 中 的 
一 行 和 一 个 单元 格 。 
e <form> 标 记 : 表单 标记 ,表单 常用 于 和 用 户 的 交互 。 应 熟练 掌握 在 表单 中 插入 文本 
框 、 单 选 按钮 、 复 选 框 、 下 拉 菜 单 等 表单 控件 的 方法 。 
最 后 ， 由 于 语言 的 发 展 ，HTML5 也 被 Visual Studio Express 2012 for Web 平台 所 接受 和 
使 用 ， 所 以 对 新 的 HTML, 做 了 简要 介绍 ， 主 要 针对 其 与 HTML4 不 同 之 处 进行 讲解 。 


2.6 练 J 


1. 简要 回答 什么 是 HTML 和 XHTML 。 

2. 段落 标记 <p> 与 换行 标记 <br> 的 区 别 是 什么 ? 

3. 表格 的 基本 标记 有 哪些 ? 

4. 用 XHTML 语言 编写 符合 以 下 要 求 的 页 面 。 标 题 为 An example of image， 在 浏览 器 窗 
口中 显示 一 个 图 像 。 图 像 的 宽度 为 200 个 像素 点 ， 高 度 为 150 个 像素 点 , 边框 宽度 为 10 个 像 
素 点 。 

5. 请 根据 如 图 2-15 所 示 创 建 一 个 表单 。 


请 填写 个 人 资料 。 注意 带 有 * 的 项 目 必须 填写 ) 


* 密码 密码 可 使 用 长 度 为 6-14 的 任何 字符 
+ 密码 确认 请 再 输入 一 次 密码 
+ 密码 提示 例如 ， 我 的 哥哥 是 谁 ? 22 
ñ Frase ul 
ii 注意 答案 发 度 不 少 于 位 
* 出 生日 期 v 用 以 找 回 密码 ， 请 如 实 填写 
* 姓名 请 输入 真实 的 姓名 
*+#9 OBOK 
* 所 在 省 份 请 选择 vl 
* 所 属 行业 请 选择 vl 


个 人 声明 
我 愿意 公开 我 的 如 下 资料 。 。 回 姓名 ， 联 系 方式 O 其 他 已 登记 的 信息 
确认 重重 
图 2-15 实例 图 


6. 在 网 页 中 做 一 张 课程 表 ， 要 求 所 有 的 文字 均 居 中 ， 背 景 为 黄色 ， 表 格 居 中 ， 宽 度 为 
500 像素 ， 单 元 格 间距 与 单元 格 边 距 为 20 像素 。 
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用 ASP.NET 创建 的 网 站 中 最 基本 的 网 页 是 以 .aspx 作为 后 级 的 网 页 ， 这 种 网 页 简称 为 
ASPX 网 页 (或 Web 窗 体 页 )。 本 章 将 介绍 创建 ASPX 网 页 所 需 的 基础 知识 ， 这 些 知识 有 助 
于 运用 ASP.NET 的 强大 功能 来 创建 Web 站 点 ， 同 时 ， 本 章 也 会 介绍 
页 代码 模型 。 


本 章 的 学 习 目 标 : 
o 掌握 ASPNET 程序 结构 ; 


° fW ASP.NET 页 面 的 运行 机 制 和 页 面 的 生命 周期 ; 
o 理解 ASPX 网 页 代码 模型 

° 了 解 ASPNET 状态 管理 的 方式 ; 

° 


了 解 配置 文件 Web.config 的 配置 方法 。 


31 ASP.NET 程序 结构 


3.1.1 ASPNET 文件 类 型 介绍 


ASP.NET 使 用 特定 的 文件 类 型 。 在 ASP.NET 开发 中 ， 应 用 程序 可 能 包含 如 下 类 型 的 一 
个 或 者 多 个 文件 。 
o aspx: 包含 代码 分 离 (code-behind) 文件 的 Web 窗 体 。 这 些 文件 是 所 有 ASP.NET Web 
站 点 都 要 用 到 的 文件 。Web Form 是 用 户 在 浏览 器 中 浏览 的 页 面 。AJAX Web Form 类 
似 于 常规 Web Form， 但 是 它 已 完全 可 以 用 于 后 面 第 11 章 将 提 到 的 Ajax 控件 。 
o .asax: 这 个 文件 允许 开发 人 员 编写 代码 以 处 理 全 局 ASP.NET 程序 事件 。 每 个 应 用 程 
序 中 都 包括 一 个 无 法 更 改 的 Globalasax 文件 。 
作为 网 络 应 用 程序 ， 程 序 在 执行 之 前 ， 有 时 需要 初始 化 一 些 重要 的 变量 ， 而 且 这 些 工作 
必须 发 生 在 所 有 程序 执行 之 前 ，ASPNET 的 Global.asax 文件 便 是 为 此 目的 而 设计 的 。 每 个 
ASPNET 应 用 程序 都 可 以 有 一 个 Globalasax 文件 。 一旦 将 其 放 在 适当 的 虚拟 目录 中 ， 
ASP.NET 就 会 把 它 识别 出 来 并 且 自 动 使 用 该 文件 。 另 外 ， 由 于 Global.asax 在 网 络 应 用 程序 
中 的 特殊 地 位 ， 它 被 存放 的 位 置 也 是 固定 的 ， 必 须 被 存放 在 当前 应 用 所 在 的 虚拟 目录 的 根 目 
录 下 。 如 果 放 在 虚拟 目录 的 子 目 录 中 ， 则 Global.asax 文件 将 不 会 起 任何 作用 。 
在 应 用 程序 中 添加 了 “全 局 应 用 程序 类 ”， 也 就 是 Global.asax。 该 文件 是 应 用 程序 用 来 保 
持 应 用 程序 级 的 事件 、 对 象 和 变量 的 。 一 个 ASPNET 应 用 程序 只 能 有 一 个 Globalasax 文件 。 
按照 Visual Studio Express 2012 for Web 模板 添加 的 Globalasax 文件 结构 如 下 所 示 。 
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namespace WebApplication1 
rf public class Global : HttpApplication 
{ void Application Start(object sender, EventArgs e) 
{V 在 应 用 程序 启动 时 运行 的 代码 
BundleConfig.RegisterBundles(BundleTable.Bundles); 


AuthConfig RegisterOpenAuth(); 
r Application End(object sender, EventArgs e) 
| // 在 应 用 程序 关闭 时 运行 的 代码 
Application Error(object sender, EventArgs e) 
i / 在 出 现 未 处 理 的 错误 时 运行 的 代码 
] 


} 
在 窗 体 页 中 ， 只 能 处 理 单个 页 面 的 事件 , 而 在 Global.asax 文件 中 可 以 处 理 整个 应 用 程序 
的 事件 。 除了 上 述 代码 模板 中 列举 的 事件 外 ， 在 Globalasax 文件 中 还 可 以 加 入 其 他 事件 的 处 
理 函 数 。 如 表 3-1 所 示 列 出 了 可 以 在 Global.asax 中 处 理 的 事件 。 


表 3-1 可 以 在 Global.asax 中 处 理 的 事件 
事 件 说 明 
在 应 用 程序 接收 到 第 一 个 请 求 时 调用 , 通常 在 此 函数 中 定义 应 用 程 
序 级 的 变量 或 状态 
类 似 于 Application_Start， 不 过 是 针对 每 个 客户 端 第 一 次 访问 应 用 


Application_Start 


Session Start 


程序 时 调用 

虽然 在 VS2008 的 代码 模板 中 没有 该 事件 的 处 理 ， 不 过 可 以 在 
Application BeginRequest Globalasax 中 添加 。 该 事件 是 在 每 个 请 求 到 达 服务 器 ， 并 且 在 处 理 

该 请 求 之 前 触发 


Application _AuthenticateRequest | “每 个 请 求 都 会 触发 该 事件 , 并 且 可 以 在 此 函数 中 设置 自 定义 的 验证 
在 应 用 程序 中 抛 出 任何 错误 时 都 会 触发 该 事件 。 通常 在 此 函数 中 提 
供应 用 程序 级 的 错误 处 理 或 者 记录 错误 事件 

以 进程 内 模式 使 用 会 话 状态 时 , 如 果 用 户 离开 应 用 程序 将 会 触发 该 
事件 

应 用 程序 关闭 时 触发 该 事件 。 该 函数 很 少 使 用 ， 因 为 ASP.NET 可 
以 很 好 地 关闭 和 清除 内 存 对 象 


Application Error 
Session End 


Application End 


与 页 面 指令 一 样 ，Global.asax 文件 也 可 以 使 用 应 用 程序 指令 ， 这 些 指令 都 可 以 包含 特定 
于 该 指令 的 一 个 或 多 个 属性 / 值 对 。 下 面 列 出 了 ASP.NET 中 支持 的 应 用 程序 指令 。 

(1) @Application。 定 义 ASP.NET 应 用 程序 编译 器 所 使 用 的 应 用 程序 特定 的 属性 ， 该 指 
令 只 能 在 Globalasax 文件 中 使 用 。 

(2) @Import。 将 命名 空间 导入 到 应 用 程序 中 。 


。50 。 
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@Assembly。 在 分 析 时 将 程序 集 链接 到 应 用 程序 。 

.ashx: 执行 一 个 通用 句柄 的 页 面 。 

-asmx: 一 个 ASPNET Web 服务 ， 包 括 相 应 的 代码 分 离 文件 。 可 以 被 其 他 系统 调用 ， 
包括 浏览 器 ， 可 以 含有 能 在 服务 器 上 执行 的 代码 。 

-ascx: Web 用 户 控件 。 最 大 的 优势 是 含有 可 重复 用 在 站 点 的 多 个 页 面 中 的 页 面 片段 。 
.config: 含有 用 在 整个 站 点 中 的 全 局 配置 信息 , 本 章 后 面 将 介绍 如 何 使 用 web.config。 
htm: 一 个 标准 的 HTML 页 面 。 可 用 来 显示 Web 站 点 中 的 静态 HTML, 

-css: 一 种 在 站 点 上 使 用 的 层 著 式 列表 , 含有 人 允许 定制 Web 站 点 的 样式 和 格式 的 CSS 
代码 。 

„sitemap: 一 种 Web 程序 的 站 点 地 图 ， 含 有 一 个 层次 结构 ， 表 示 站 点 中 XML 格式 的 
文件 。 站 点 地 图 用 于 导航 。 

.skin: 用 于 指定 ASP.NETA theme 的 文件 ， 含 有 设计 Web 站 点 中 的 控件 的 信息 。 
.browser: 浏览 器 定义 文件 。 

.disco: 一 种 可 选择 的 文件 。 


也 可 以 使 用 列表 中 没有 的 其 他 文件 ， 这 取决 于 程序 被 编译 与 配置 的 方式 。 


3.1.2 


ASP.NET 文件 夹 


开发 者 在 对 程序 进行 设计 时 ， 应 该 将 特定 类 型 的 文件 存放 在 某 些 文件 夹 中 ， 以 方便 今后 
开发 中 的 管理 和 操作 。ASP.NET 保留 了 一 些 文件 名 称 和 文件 夹 名 称 ， 程 序 开发 人 员 可 以 直接 
使 用 ， 并 且 还 可 以 在 应 用 程序 中 增加 任意 多 个 文件 和 文件 夹 ， 如 图 3-1 所 示 ， 而 无 须 每 次 在 
给 解决 方案 添加 新 文件 时 重新 编译 它们 。ASP.NET 4.5 能 够 自动 、 动 态 地 预 编译 ASP.NET 应 


用 程序 ， 


并 为 应 用 程序 定义 好 一 个 文件 夹 结构 ， 这 些 定义 好 的 文件 夹 就 可 以 自动 编译 代码 ， 


在 整个 应 用 程序 中 访问 应 用 程序 主题 ， 并 在 需要 时 使 用 全 局 资源 。 下 面 介绍 这 些 定义 好 的 文 


GESE 


其 了 


ch E T Ceris K, Cl+G 


添加 ASP.NET HRS) 
Web Eit 

Web RAIE 
JavaScript 文件 

=== 

HTML 页 

x WV Y aO. 


App.Code(O) 
设 为 启动 项 目 (A] App_GlobalResources(R) 
Wo) App_LocalResources(C) 


sam App_Browsers(W) 


£ EER Alt+Enter 


3-1 添加 ASPNET 规定 的 特殊 文件 夹 
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1. App_Data 文件 夹 


App_Data 文件 夹 用 于 保存 应 用 程序 使 用 的 数据 库 。 它 是 一 个 集中 存储 应 用 程序 所 用 数据 
库 的 地 方 。App_Data 文件 夹 可 以 包含 Microsoft SQL Express 文件 (.mdfj)、Microsoft Access X 
件 (.mdb)、XML 文件 等 。 

应 用 程序 使 用 的 用 户 账户 具有 对 App Data 文件 夹 中 任意 文件 的 读 写 权 限 。 该 用 户 账户 
默认 为 ASP.NET 账户 。 在 该 文件 夹 中 存储 所 有 数据 文件 的 另 一 个 原因 是 ， 许 多 ASP.NET £ 
统 ， 从 成 员 和 角色 管理 系统 到 GUI 工具， 如 ASP.NET MMC 插件 和 ASPNET Web 站 点 管理 
工具 ， 都 构建 为 使 用 App_Data 文件 夹 。 


2. App_Code 文件 夹 


App Code 文件 夹 在 Web 应 用 程序 根 目 录 下 ， 它 存储 所 有 应 当 作为 应 用 程序 的 一 部 
分 动态 编译 的 类 文件 。 这 些 类 文件 自动 链接 到 应 用 程序 ， 而 不 需要 在 页 面 中 添加 任何 指令 
或 声明 来 创建 依赖 性 。App_Code 文件 夹 中 放置 的 类 文件 可 以 包含 任何 可 识别 的 ASP.NET 组 
件 一 一 自 定义 控件 、 辅 助 类 、build 提供 程序 、 业 务 类 、 自 定义 提供 程序 、HTTP 处 理 程序 等 。 

在 开发 网 站 时 ， 对 App_Code 文件 夹 的 更 改 将 导致 整个 应 用 程序 的 重新 编译 。 对 于 大 型 
项 目 ， 这 可 能 不 受 欢迎 ， 而 且 很 耗 时 。 为 此 ， 鼓 励 大 家 将 代码 进行 模块 化 处 理 到 不 同 的 类 库 
中 ， 按 逻辑 上 相关 的 类 集合 进行 组 织 。 应 用 程序 专用 的 辅助 类 大 多 应 当 放置 在 App Code X 
件 夹 中 。 

App Code 文件 夹 中 存放 的 所 有 类 文件 应 当 使 用 相同 的 语言 。 如 果 类 文件 使 用 两 种 或 多 
种 语言 编写 ， 则 必须 创建 特定 语言 的 子 目 录 ， 以 包含 用 多 种 语言 编写 的 类 。 一 旦 根据 语言 组 
织 这 些 类 文件 ， 就 要 在 web.config 文件 中 为 每 个 子 目 录 添加 设置 。 关 于 web.config 文件 将 在 
3.5.1 中 进行 介绍 。 

App_Code 文件 夹 和 Bin 文件 夹 是 ASP.NET 网 站 中 的 共享 代码 文件 夹 ， 如 果 Web 应 用 
程序 是 要 在 多 个 页 之 间 共 享 的 代码 , 就 可 以 将 代码 保存 在 Web 应 用 程序 根 目录 下 的 这 两 个 特 
殊 文 件 夹 中 的 某 个 文件 夹 中 。 当 创建 这 些 文件 夹 并 在 其 中 存储 特定 类 型 的 文件 时 ，ASP.NET 
将 使 用 特殊 方式 进行 处 理 。 


3.1.3 ”其 他 文件 夹 介绍 


1. 主题 文件 夹 


主题 是 为 站 点 上 的 每 个 页 面 提供 统一 外 观 和 操作 方式 的 一 种 新 方法 .通过 skin 文件 .CSS 
文件 和 站 点 上 服务 器 控件 使 用 的 图 像 来 实现 主题 功能 。 所 有 这 些 元 素 都 可 以 构建 一 个 主题 ， 
存储 在 解决 方案 的 主题 文件 夹 中 。 把 这 些 元 素 存 储 在 主题 文件 夹 中 ， 就 可 以 确保 解决 方案 
中 的 所 有 页 面 都 能 利用 该 主题 ， 并 把 其 元 素 应 用 于 控件 和 页 面 的 标记 。 


2. App_GlobalResources 文件 夹 

资源 文件 是 一 些 字符 串 表 ， 当 应 用 程序 需要 根据 某 些 事情 进行 修改 时 ， 资 源 文 件 可 用 于 
这 些 应 用 程序 的 数据 字典 。 可 以 在 该 文件 夹 中 添加 程序 集资 源 文件 (.resx)， 它 们 会 动态 编译 ， 
成 为 解决 方案 的 一 部 分 ， 供 程序 中 的 所 有 .aspx 页 面 使 用 。 在 使 用 ASPNET1.0/1.1 时 ， 必 须 
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使 用 resgen.exe 工具 ， 把 资源 文件 编译 为 .dll 或 exe， 才能 在 解决 方案 中 使 用 。 而 在 ASPNET 
4.0 中 , 资源 文件 的 处 理 就 容易 多 了 。 除 了 字符 串 之 外 , 还 可 以 在 资源 文件 中 添加 图 像 和 其 他 
文件 。 

3. App_LocalResources 文件 夹 


App_GlobalResources 文件 夹 用 于 合并 可 以 在 应 用 程序 范围 内 使 用 的 资源 。 如 果 对 构造 应 
用 程序 范围 内 的 资源 不 感 兴趣 ， 而 对 只 能 用 于 一 个 .aspx 页 面 的 资源 感 兴趣 ， 就 可 以 使 用 
App_LocalResources 文件 夹 。 可 以 把 专用 于 页 面 的 资源 文件 添加 到 App LocalResources 文件 
夹 中 ， 方 法 是 构建 .resx 文件 ， 如 下 所 示 。 


Default.aspx.resx 
Default.aspx.fi.resx 
Default.aspx.ja.resx 
Default.aspx.en-gb.resx 
现在 ， 可 以 从 App_LocalResources 文件 夹 的 相应 文件 中 检索 在 Default.aspx 页 面 上 使 用 
的 资源 声明 。 如 果 没 有 找到 匹配 的 资源 ， 就 默认 使 用 Default.aspx.resx 资源 文件 。 


4. App_Browsers 文件 夹 


该 文件 夹 包含 ASP.NET 用 于 标识 个 别 浏览 器 并 确定 其 功能 的 浏览 器 定 影 (.browser) 文 
件 。.browser 文件 是 XML 文件 ， 可 以 标识 向 应 用 程序 发 出 请 求 的 浏览 器 ， 并 理解 这 些 浏览 器 
的 功能 。 另 外 ， 如 果 要 修改 这 些 默认 的 浏览 器 定义 文件 ， 只 需 将 Browsers 文件 夹 中 对 应 
的 .browser 文件 复制 到 应 用 程序 的 App_Browsers 文件 夹 中 ， 修 改 其 定义 即 可 。 


3.2 页 面 管理 


ASP.NET 页 面 是 扩展 名 为 .aspx 的 文本 文件 , 可 以 被 部 署 在 IIS 虚拟 目录 树 之 下 , 可 以 在 
任何 浏览 器 中 向 客户 提供 信息 ， 并 使 用 服务 器 端 代 码 来 实现 应 用 程序 的 功能 。 页 面 由 代码 和 
标签 (tag) 组 成 ， 它 们 在 服务 器 上 动态 地 编译 并 执行 ， 为 提出 请 求 的 客户 端 浏 览 器 (或 设备 ) 生 
成 显示 内 容 。 对 于 Web 开发 人 员 来 说 , 如 果 想 提高 页 面 的 运行 效率 , 首先 需要 了 解 ASP.NET 
页 面 是 如 何 组 织 和 运行 的 。 


3.2.1 ASPNET 页 面 代码 模式 


ASP.NET 的 页 面包 含 两 部 分 : 一 部 分 是 可 视 化 元 素 , 包括 标签 、 服 务 器 控件 以 及 一 些 静 
态 文本 等 ， 另 一 部 分 是 页 面 的 程序 逻辑 ， 包 括 事件 处 理 句柄 和 其 他 程序 代码 。ASP.NET 提供 
了 两 种 模式 来 组 织 页 面 元 素 和 代码 : 一 种 是 单一 文件 模式 ， 另 一 种 是 后 台 代码 模式 。 两 种 模 
式 的 功能 是 一 样 的 ， 可 以 在 两 种 模式 中 使 用 同样 的 控件 和 代码 ， 但 要 注意 使 用 的 方式 不 同 。 


1. 单一 文件 模式 
在 单一 文件 模式 下 ， 页 面 的 标签 和 代码 在 同一 个 aspx 文件 中 ， 程 序 代码 包含 在 <script 
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runat="server"></scrip 亿 的 服务 器 程序 脚本 代码 块 中 ， 并 且 代 码 中 间 可 以 实现 对 一 些 方法 和 属 
性 以 及 其 他 代码 的 定义 ， 只 要 在 类 文件 中 可 以 使 用 的 都 可 以 在 此 处 进行 定义 。 运 行 时 ， 单 一 
页 面 被 视 为 继承 Page 类 。 


2. 后 台 代码 模式 


后 台 代 码 模式 将 可 视 化 元 素 和 程序 代码 分 别 放置 在 不 同 的 文件 中 ， 如 果 使 用 C#， 则 可 
视 化 页 面 元 素 为 .aspx 文件 ， 程 序 代码 为 .cs 文件 ， 根 据 使 用 语言 的 不 同 ， 代 码 文件 的 后 组 也 
不 同 ， 这 种 模式 也 被 称 为 代码 分 离 模 式 。 

ASP.NET 在 后 台 代码 分 离 模式 上 有 很 大 改进 , 简单 易 用 且 健 壮 性 强 , 一 个 典型 的 代码 分 
离 模式 的 例子 如 下 : 


<%(@ Page Title=" 主 页 " Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" 
CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %> 
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> 
</asp:Content> 
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 
<h2> 
欢迎 使 用 ASP.NET! 
</h2> 
<p> 
若 要 了 解 关 于 ASP.NET 的 详细 信息 ， 请 访问 <a href="http://www.asp.net/cn" title="ASP.NET 网 站 
">www.asp.net/cn</a>。 
</p> 
<p> 
您 还 可 以 找到 <a href="http://go.microsoft.com/fwlink/?LinkID=152368" 
title="MSDN ASP.NET 文档 ">MSDN 上 有 关 ASP.NET 的 文档 </a>。 


</p> 
</asp:Con 


tent> 
ASP.NET 的 代码 分 离 模式 ， 把 一 个 程序 文件 分 为 一 个 .aspx 文件 和 一 个 对 应 的 .aspx.cs 文 
件 ， 前 者 是 界面 代码 (主要 用 html 编写 )， 后 者 则 是 一 些 控制 代码 (在 ASPNET4.5 中 可 以 选择 
用 C# 或 者 Visual Basic 编写 )，.aspx 文件 项 部 的 页 面 设置 把 两 个 文件 联系 在 一 起 ， 在 进行 程 
序 设 计时 ， 每 一 个 控件 都 可 以 触发 事件 ， 这 些 事件 的 代码 单独 在 一 个 文件 中 ， 而 网 页 的 页 面 
设计 在 单独 的 一 个 文件 中 ， 两 个 基本 上 是 分 离 的 ， 代 码 文件 更 简洁 。 


3.2.2 ”页 面 的 往返 与 处 理 机 制 


ASP.NET 页 面 的 处 理 过 程 如 下 。 

(1) 用 户 通过 客户 端 浏览 器 请 求 页 面 ， 页 面 第 一 次 运行 。 如 果 程 序 员 通过 编程 让 它 执行 
初步 处 理 ， 如 对 页 面 进行 初始 化 操作 等 ， 可 以 在 Page load 事件 中 进行 处 理 。 

(2) Web 服务 器 在 其 硬盘 中 定位 所 请 求 的 页 面 。 

G) 如 果 Web 页 面 的 扩展 名 为 .aspx， 就 把 这 个 文件 交 给 aspnet-isapi.dll 进行 处 理 。 如 果 


asg ASP.NET 4.5 动态 网 站 开发 基础 教程 


以 前 没有 执行 过 这 个 页 面 ， 那 么 就 由 CLR 编译 并 执行 ， 得 到 纯 HTML 结果 ; 如 果 已 经 执行 
过 ， 那 么 就 直接 执行 编译 好 的 程序 并 得 到 纯 HTML 结果 。 

(4) 把 HTML 流 返 回 给 浏览 器 , 浏览 器 解释 并 执行 HTML 代码 , 显示 Web 页 面 的 内 容 。 

(5) 当 用 户 输入 信息 、 从 可 选项 中 进行 选择 ， 或 单 击 按钮 后 ， 页 面 可 能 会 再 次 被 发 送 到 
Web 服务 器 ， 在 ASP.NET 中 被 称 为 “ 回 发 ”。 更 确切 地 说 ， 页 面 发 送 回 其 自身 。 例 如 ， 用 
户 正在 访问 default.aspx 页 面 ， 则 单 击 该 页 面 上 的 某 个 按钮 可 以 将 该 页 面 发 送 回 服务 器 ， 发送 
的 目标 还 是 defaultaspx。 

(6) 在 Web 服务 器 上 ， 该 页 面 再 次 被 运行 ， 并 执行 后 台 代 码 指定 的 操作 。 

(7) 服务 器 将 执行 操作 后 的 页 面 以 HTML 的 形式 发 送 至 客户 端 浏览 

只 要 用 户 访问 同一 个 页 面 ， 该 循环 过 程 就 会 继续 。 用 户 每 次 单 击 某 个 按钮 时 ， 页 面 中 的 
信息 就 会 发 送 到 Web 服务 器 ， 然 后 该 页 面 再 次 运行 。 每 次 循环 称 为 一 次 “往返 行程 ”。 由 于 
页 面 处 理发 生 在 Web 服务 器 上 , 因此 页 面 可 以 执行 的 每 个 操作 都 需要 一 次 到 服务 器 的 往返 
行程 。 

有 时 ， 可 能 需要 代码 仅 在 首次 请 求 页 面 时 执行 ， 而 不 是 每 次 回 发 时 都 执行 ， 这 时 就 可 以 
使 用 Page 对 象 的 IsPostBack 属性 来 避免 对 往返 行程 执行 不 必要 的 处 理 。 


3.2.3 ”页面 的 生命 周期 


ASP.NET 页 面 在 运行 时 将 经 历 一 个 生命 周期 , 在 生命 周期 中 将 执行 一 系列 处 理 步 骤 。 这 
些 步 又 包括 初始 化 、 实 例 化 控件 、 还 原 和 维护 状态 、 运 行事 件 处 理 程序 代码 以 及 呈现 给 用 户 。 
了 解 页 面 的 生命 周期 非常 重要 ， 因 为 这 样 做 就 能 在 生命 周期 的 合适 阶段 编写 相应 的 代码 ， 以 
达到 预期 效果 。 此 外 ， 如 果 要 开发 自 定义 控件 ， 就 必须 熟悉 页 面 的 生命 周期 ， 以 便 正 确 进行 
控件 的 初始 化 ， 使 用 视图 状态 数据 填充 控件 属性 以 及 运行 所 有 控件 的 行为 代码 。 

ASPNET 页 面 的 生命 周期 顺序 如 下 。 

(1) 页 请 求 : 页 请 求 发 生 在 页 生命 周期 开始 之 前 。 当 用 户 请 求 页 时 ，ASPNET 将 确定 是 
和 否 需要 分 析 和 编译 页 (从 而 开始 页 的 生命 周期 )， 或 者 是 否 可 以 在 不 运行 页 的 情况 下 发 送 页 的 
缓存 版 本 以 进行 响应 。 

(2) 开始 : 在 开始 阶段 ， 将 设置 页 属性 ， 如 Request 和 Response 对 象 。 在 此 阶段 ， 页 还 
将 确定 请 求 是 回 发 请 求 还 是 新 请 求 ， 并 设置 PostBack 属性 。 

(3) 页 初始 化 : 页 初始 化 期 间 , 可 以 使 用 页 中 的 控件 , 并 设置 每 个 控件 的 UniqueID 属性 。 
此 外 ， 任 何 主题 都 将 应 用 于 页 。 如 果 当 前 请 求 是 回 发 请 求 ， 则 回 发 数据 尚未 加 载 ， 并 且 控 件 
属性 值 尚未 还 原 为 视图 状态 中 的 值 。 

(4) 加 载 : 加 载 期 间 ， 如 果 当 前 请 求 是 回 发 请 求 ， 则 将 使 用 从 视图 状态 和 控件 状态 恢复 
的 信息 加 载 控件 属性 。 

(5) 验证 : 在 验证 期 间 ， 将 调用 所 有 验证 程序 控件 的 Validate 方法 ， 此 方法 将 设置 各 个 
验证 程序 控件 和 页 的 IsValid 属性 。 

(6) 回 发 事件 处 理 : 如 果 请 求 是 回 发 请 求 ， 则 将 调用 所 有 事件 处 理 程序 。 

(7) 呈现 : 在 呈现 之 前 ， 会 针对 该 页 和 所 有 控件 保存 视图 状态 。 在 呈现 阶段 ， 页 会 针对 
每 个 控件 调用 Render 方法 , 它 会 提供 一 个 文本 编写 器 , 用 于 将 控件 的 输出 写 入 页 的 Response 
属性 的 OutputStream 中 。 
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(8) 拖 载 ， 完 全 呈现 页 并 已 将 页 发 送 至 客户 端 、 准 备 丢 弃 该 页 后 ， 将 调用 秃 载 。 此 时 ， 
将 卸载 页 属性 (如 Response 和 Request) 并 执行 清理 操作 。 


3.2.4 ASPNET 页 生命 周期 事件 


在 页 生命 周期 的 每 个 阶段 中 ， 将 引发 相应 的 处 理事 件 。 如 表 3-2 所 示 列 出 了 常用 的 页 生 
命 周期 事件 。 


表 3-2 页 生命 周期 事件 
事件 名 称 使 用 说 明 
检查 IsPostBack 属性 ， 确 定 是 不 是 第 一 次 处 理 该 页 ， 创 建 或 重新 创建 动态 控件 ; 


Mn 动态 设置 主 控 页 动态 设置 Theme 属性 ， 读 取 或 设置 配置 文件 属性 值 

Page Init 读 取 或 初始 化 控件 属性 

Page Load 读 取 和 更 新 控件 属性 

使 用 这 些 事件 来 处 理 特定 控件 事件 ， 如 Button 控件 的 Click 事件 或 TextBox 控件 
的 TextChanged 事件 


Page PreRender 该 事件 对 页 或 其 控件 的 内 容 进行 最 后 更 改 
使 用 该 事件 来 执行 最 后 的 清理 工作 ， 如 关闭 打开 的 文件 和 数据 库 连 接 ， 或 完成 日 


Page- Unload 志 记录 或 其 他 请 求 特定 任务 


【 例 3-1】 验 证 ASP.NET 页 生命 周期 事件 的 触发 顺序 。 
(1) 在 项 目 中 创建 文件 Default2.aspx。 
(2) 在 Default2.aspx 中 添加 代码 ， 创 建 一 个 Label 控件 ， 名 字 为 lbText， 代 码 如 下 : 
<asp:Label ID="lbText" runat="server" Text="Label"></asp:Label> 
(3) 在 Default2.aspx.cs 中 ， 添 加 如 下 代码 : 


protected void Page_Load(object sender, EventArgs e) 


{ 
lbText.Text += "Page Load <hr> "; 
} 
protected void Page Prelnit(object sender, EventArgs e) 
d 
lbText.Text += "Page Prelnit <hr>"; 
) 
protected void Page Init(object sender, EventArgs e) 
d 
lbText.Text += "Page Init <hr>"; 
) 
protected void Page PreLoad(object sender, EventArgs e) 
í 
lbText.Text += "Page PreLoad <hr>"; 
J; 


protected void Page PreRender(object sender, EventArgs e) 
" 
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lbText.Text += "Page PreRender <hr>"; 
ji 
程序 运行 后 在 浏览 器 中 将 呈现 如 图 3-2 所 示 的 效果 。 


{Ê http//ocalhost57487/def.. el 
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图 3-2 ASP.NET 页 生命 周期 事件 触发 顺序 


1. 页 面 加 载 事 件 (Page_Prelnit) 

每 当 页 面 被 发 送 到 服务 器 时 ， 页 面 就 会 重新 被 加 载 ， 启 动 Page Prelnit 事件 ， 执 行 
Page Prelnit 事件 代码 块 。 当 需要 对 页 面 中 的 控件 进行 初始 化 时 ， 可 以 使 用 此 事件 ， 示例 代码 
如 下 所 示 : 


protected void Page_PreInit(object sender, EventArgs e) //Page Prelnit 事件 


£ 
Labell.Text = "OK"; /标签 赋值 


j 


在 上 述 代 码 中 , 当 触 发 了 Page Prelnit 事件 时 , 就 会 执行 该 事件 的 代码 , 上述 代码 将 Lablel 
的 初始 文本 值 设 置 为 “OK”。Page_PreInit 事件 能 够 让 用 户 在 页 面 处 理 中 ， 让 服务 器 加 载 时 只 
执行 一 次 而 当 网 页 被 返回 给 客户 端 时 不 被 执行 。 在 Page Prelnit 中 可 以 使 用 IsPostBack 来 实 
现 ， 当 网 页 第 一 次 加 载 时 IsPostBack 属性 为 false， 当 页 面 再 次 被 加 载 时 ，IsPostBack 属性 将 
被 设置 为 tue。IsPostBack 属性 的 使 用 会 影响 到 应 用 程序 的 性 能 。 


2. 页 面 加 载 事 件 (Page_Init) 


Page Init 事件 与 Page Prelnit 事件 基本 相同 ， 其 区 别 在 于 Page Init 不 能 保证 完全 加 载 各 
个 控件 。 虽 然 在 Page Init 事件 中 ， 依 旧 可 以 访问 页 面 中 的 各 个 控件 ， 但 是 当 页 面 回 送 时 ， 
Page it 依然 执行 所 有 的 代码 并 且 不 能 通过 IsPostBack 来 执行 某 些 代码 ， 示 例 代码 如 下 : 


protected void Page_Init(object sender, EventArgs e) /Page_Init 事件 
{ if(lsPostBack) /判断 是 否 第 一 次 加 载 
í Labell.Text ="OK"; /将 成 功 信息 赋值 给 标签 


else 
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Labell.Text= "IsPostBack"; // 将 回 传 的 值 赋值 给 标签 
} 


3. 页 面 载 入 事件 (Page_Load) 


大 多 数 初学 者 会 认为 Page Load 事件 是 当 页 面 第 一 次 访问 时 触发 的 事件 ， 其 实 不 然 , 在 
ASPNET 页 生命 周期 内 ，Page_ Load 远 远 不 是 第 一 次 触发 的 事件 ， 通 常情 况 下 ，ASPNET 事 
件 顺 序 如 下 : 

(1) Page Init() 

(2) Load ViewState 

(3) Load Postback data 

(4) Page Load() 

(5) Handle control events 

(6) Page PreRender() 

(7) Page Render() 

(8) Unload event 

(9) Dispose method called 

Page Load 事件 是 在 网 页 加 载 时 一 定 会 被 执行 的 事件 。 在 Page Load 事件 中 ， 一 般 都 需 
要 使 用 IsPostBack 来 判断 用 户 是 否 进行 了 操作 ， 因 为 KPostBack 指示 该 页 是 否 为 响应 客户 端 
回 发 而 加 载 ， 或 者 它 是 否 正 被 首次 加 载 和 访问 ， 示 例 代码 如 下 : 


protected void Page_Load(object sender, EventArgs e)//Page Load 事件 


£ 
if (!IsPostBack) 
{ 
Labell.Text = "OK"; // 第 一 次 执行 的 代码 块 
} 
else 
{ 
Labell.Text = "IsPostBack"; /如 果 用 户 提交 表单 等 
} 
Ji 


上 述 代码 使 用 了 Page Load 事件 ， 在 页 面 被 创建 时 ， 系 统 会 自动 在 代码 隐藏 页 模型 的 页 
面 中 增加 此 方法 。 当 用 户 执行 了 操作 ， 页 面 响应 了 客户 端 回 发 ， 则 IsPostBack 为 tue， 于 
执行 else 中 的 操作 。 

4. 页 面 扼 载 事件 (Page_Unload) 

在 页 面 被 执行 完毕 后 ， 可 以 通过 Page Unload 事件 来 执行 页 面 卸 载 时 的 清除 工作 ， 当 页 
面 被 卸载 持 ， 执 行 此 事件 。 以 下 情况 都 会 触发 Page_ Unload 事件 。 

e 页 面 被 关闭 ; 


并 s= 
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e 数据 库 连 接 被 关闭 ， 

° 对 象 被 关闭 ; 

e 完成 日 志 记录 或 者 其 他 的 程序 请 求 。 
3.2.5 ASPNET 页 面 指令 


页 面 指令 用 来 通知 编译 器 在 编译 页 面 时 需要 做 出 的 特殊 处 理 。 当 编译 器 处 理 ASPNET 
应 用 程序 时 ， 可 以 通过 这 些 特殊 指令 要 求 编译 器 做 特殊 处 理 ， 如 缓存 、 使 用 命名 空间 等 。 当 
需要 执行 页 面 指令 时 ， 通 常 的 做 法 是 将 页 面 指令 包括 在 文件 的 头 部 ， 示 例 代码 如 下 : 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind=“Default.aspx.cs" 
Inherits="MyWeb._Default" %> 

上 述 代 码 中 ， 使 用 了 @Page 页 面 指令 来 定义 ASP.NET 页 面 分 析 器 和 编译 器 使 用 的 特定 
页 的 属性 。 当 创建 代码 隐藏 页 模型 的 页 面 时 ， 系 统 会 自动 增加 @Page 页 面 指令 。 

ASP.NET 页 面 支持 多 个 页 面 指令 ， 常 用 的 页 面 指令 有 如 下 8 个 。 

© @ Page: JEX ASP.NET 页 分 析 器 和 编译 器 使 用 的 页 特定 (aspx 文件 ) 属 性 ， 语 法 格式 

为 <%@ Page attribute="value" [attribute="value"...]%>。 

© @Control: 定义 ASP.NET 页 分 析 器 和 编译 器 使 用 的 用 户 控 件 (.ascx 文件 ) 特 定 的 属性 。 
该 指令 只 能 为 用 户 控件 配置 。 语 法 格式 为 <%@ Control attribute="value" [attribute= 
"value"...]%>。 

° @Import: 将 命名 空间 导入 到 当前 页 中 ,使 所 导入 的 命名 空间 中 的 所 有 类 和 接口 可 用 
于 该 页 。 导 入 的 命名 空间 可 以 是 NET Framework 类 库 或 用 户 自 定义 的 命名 空间 的 一 
部 分 。 语 法 格式 为 <%@ Import namespace="value" %>。 

© @ Implements: 提示 当前 页 或 用 户 控件 实现 指定 的 NET Framework 接口 。 语 法 格式 
为 <%@ Implements interface="ValidInterfaceName" %>。 

© @ Reference: 以 声明 的 方式 将 页 或 用 户 控件 链接 到 当前 页 或 用 户 控件 。 语 法 格式 为 

<%@ Reference page | control="pathtofile" %> 

© @ OutputCache: 以 声明 的 方式 控制 ASP.NET 页 或 用 户 控件 的 输出 缓存 策略 。 

© @Assembly: 在 编译 过 程 中 将 程序 集 链接 到 当前 页 ， 以 使 程序 集 的 所 有 类 和 接口 都 可 

以 用 在 该 页 上 。 语 法 格式 为 <%@ Assembly Name="assemblyname" %> 或 <%@ 
Assembly Src="pathname" %> 的 方式 。 

e° @ Register: 将 别名 与 命名 空间 以 及 类 名 关联 起 来 ， 以 便 在 自 定义 服务 器 控件 语法 中 

使 用 简明 的 表示 法 。 


3.3 ASP.NET 的 网 页 代码 模型 


ASPNET 网 页 由 以 下 两 部 分 组 成 。 
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e 可 视 元 素 : 包括 标记 、 服 务 器 控件 和 静态 文本 。 

o 页 的 编程 逻辑 ， 包 括 事件 处 理 程序 和 其 他 代码 。 

ASP.NET 提供 了 两 个 用 于 管理 可 视 元 素 和 代码 的 模型 , 即 单 文 件 页 模型 和 代码 隐藏 页 模 
型 。 这 两 个 模型 功能 相同 ， 两 种 模型 中 可 以 使 用 相同 的 控件 和 代码 。 


3.3.1 创建 ASPNET 网 站 


在 ASPNET 中 ， 可 以 创建 ASPNET 网 站 和 ASPNET 应 用 程序 ，ASPNET 网 站 的 网 页 元 素 包含 
可 视 元 素 和 页 面 逻 辑 元 素 。 创建 ASPNET 网 站 ， 首 先 需要 他 建 网 站 ， 选 择 【 文 件 】 上 新 建 网 站 】 命令， 
打开 【新 建 网 站 】 对 话 框 ， 如 图 3-3 所 示 。 


NET Framework 45 ~ EAEE UE 

€ onean Viesi ce 
GI sspNerweb BR Visuel ce 
Meas 
Ü ANT ARa veer 
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~ EA2epASAWebSae:| 


图 3-3 【新 建 网 站 】 对 话 框 


E [Web 位 置 】 选 项 中 ， 一般 选择 【文件 系统 】， 地 址 为 本 机 的 本 地 地 址 ， 也 可 按 实际 
需求 进行 选择 ， 如 图 3-4 所 示 。 创建 了 ASP.NET 网 站 后 ， 系 统 会 自动 创建 一 个 代码 隐藏 页 模 
型 页 面 Default.aspx。ASP.NET 网 页 一 般 由 以 下 3 部 分 组 成 。 
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图 3-4 选择 站 点 存放 的 位 置 
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o 可 视 元 素 : 包括 HTML 标记 、 服 务 器 控件 。 
e 页 面 逻 辑 元 素 : 包括 事件 处 理 程序 和 代码 。 
e ”designer.cs 页 文件 : 用 来 为 页 面 的 控件 做 初始 化 工作 ， 一 般 只 有 ASP.NET 应 用 程序 
(Web Application) 才 有 。 
ASP.NET 页 面 中 包含 两 种 代码 模型 ， 一 种 是 单 文件 页 模型 ， 另 一 种 是 代码 隐藏 页 模型 。 
这 两 个 模型 的 功能 完全 一 样 ， 都 支持 控件 的 拖 搜 ， 以 及 智能 的 代码 生成 。 


3.3.2 ” 单 文 件 页 模型 


在 单 文件 页 模型 中 , 页 的 标记 及 其 程序 代码 位 于 同一 个 后 缀 为 aspx 的 文件 中 。 可 以 通过 
下 面 的 操作 创建 一 个 单 文件 页 模型 ， 选 择 【 文 件 】| 【新建 文件 】 命 令 ， 在 弹出 的 对 话 框 中 选 
FE [Web 窗 体 】， 或 者 在 【解决 方案 资源 管理 器 】 窗 口中 右 击 当前 项 目 ， 从 弹出 的 快捷 菜单 
中 选择 【添加 新 建 项 】 命 令 ， 即 可 创建 一 个 .aspx 页 面 ， 如 图 3-5 所 示 。 

在 创建 时 , 取消 【将 代码 放 在 单独 的 文件 中 】 复 选 框 , 即 可 创建 单 文 件 页 模型 的 ASP.NET 


图 3-5 创建 单 文件 页 模型 


<%@ Page Language="C#" %> 
<!DOCTYPE html> 
<script runat="server"> 
</script> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title></title> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
</div> 
</form> 
</body> 
</html> 
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上 面 的 代码 演示 了 一 个 单 文件 页 。 业 务 逻 辑 代码 位 于 <script>...</scrip 亿 标记 的 模块 中 ， 
以 便 与 其 他 显示 代码 隔离 开 。 服 务 器 端 运 行 的 代码 一 律 在 <scrip 忆 标记 中 注 明 runat="server" 
属性 ， 此 属性 将 其 标记 为 ASP.NET 应 执行 的 代码 。 一 个 <script 必 模块 可 以 包括 多 个 程序 段 ， 
每 个 网 页 也 可 以 包括 多 个 <scrip 必 模块。 代码 中 的 <script>...</scrip 忆 模块 中 定义 的 是 一 段 事 件 
处 理 代码 ， 可 以 在 其 中 创建 控件 代码 。 

代码 第 一 行 的 <%@ Page Language="C#" %> 是 一 条 指令 , @ Page 指 令 用 于 定义 ASPNET 
页 分 析 器 和 编译 器 使 用 的 特定 于 页 的 属性 。 只 能 包含 在 .aspx 文件 中 ， 这 里 Language="C#" 指 
定 网 页 使 用 的 语言 是 "C#"。 

<script runat="server"> 中 的 runat 是 <scrip 忆 标记 的 一 个 属性 ， 属 性 值 为 "server"， 表 示 
<scripft> 块 中 包含 的 代码 在 服务 器 端 而 不 是 客户 端 运行 ， 此 属性 对 于 服务 器 端 代 码 是 必需 的 。 

在 对 单 文件 页 进行 编译 时 ， 编 译 器 将 生成 并 编译 一 
个 从 Page 基 类 派生 或 从 使 用 @ Page 指 令 的 Inherits 属性 
定义 的 自 定义 基 类 派生 的 新 类 。 例 如 ， 在 应 用 程序 的 根 
目录 中 创建 一 个 名 为 SamplePagel 的 新 ASP.NET 网 页 ， 
则 随后 将 从 Page 类 派生 一 个 名 为 ASP.SamplePagel aspx .aspx 页 
的 新 类 。 在 生成 页 之 后 ， 生 成 的 类 将 编译 成 程序 集 ， 并 | 
将 该 程序 集 加 载 到 应 用 程序 域 ， 然 后 对 该 页 类 进行 实例 Par == 
化 并 执行 该 页 类 ， 以 将 输出 呈现 到 浏览 器 。 如 果 对 影响 on otai 
生成 的 类 的 页 进行 更 改 (无 论 是 添加 控件 还 是 修改 代 一 
码 )， 则 已 编译 的 类 代码 将 失效 ， 并 生成 新 的 类 。 单 文件 
页 模型 如 图 3-6 所 示 。 Ë 

最 终 输出 


333 ”代码 隐藏 页 模型 图 3-6 单 文件 页 模型 


在 创建 网 页 时 ， 如 果 选 中 【将 代码 放 在 单独 的 文件 中 】 复 选 框 ， 即 可 创建 代码 隐藏 页 模 
型 的 ASP.NET 文件 。 代 码 隐 藏 页 模型 与 单 文件 页 模型 不 同 的 是 ， 代 码 隐藏 页 模型 将 事务 处 
理 代码 都 存放 在 单独 的 .cs 文件 中 , 当 ASP.NET 网 页 运行 时 , ASP.NET 类 会 先 处 理 .cs 文件 中 
的 代码 ， 再 处 理 .aspx 页 面 中 的 代码 。 这 种 过 程 被 称 为 代码 分 离 。 

在 代码 隐藏 页 模型 中 ， 页 的 标记 和 服务 器 端 元 素 ( 包 括 控件 声明 ) 仍 位 于 .aspx 文件 中 ， 而 
页 代码 则 位 于 单独 的 代码 隐藏 (Code-Behind) 文 件 中 ， 该 文件 的 后 级 依据 使 用 的 程序 语言 而 确 
定 。 如 果 使 用 C# 语 言 ， 文 件 的 后 级 是 “.aspx.cs”; 如 果 使 用 VB.NET 语言 ， 则 文件 的 后 缀 
是 “.aspx.vb”。 

代码 分 离 有 一 种 好 处 ， 就 是 在 .aspx 文件 中 ， 开 发 人 员 可 以 将 页 面 直接 作为 样式 来 设计 ， 
即 美工 人 员 也 可 以 设计 .aspx 页 面 , 而 .cs 文件 则 由 程序 员 来 完成 事件 处 理 。 同时 , 将 ASP.NET 
中 的 页 面 样式 代码 和 人 逻辑 处 理 代码 分 离 能 够 使 维护 变 得 简单 。 在 .aspx 页 面 中 ,代码 隐藏 页 模 
型 的 .aspx 页 面 代 码 基本 上 和 单 文件 页 模型 的 代码 相同 ， 所 不 同 的 是 在 script 标记 中 代码 默认 
被 放 在 了 同名 的 .cs 文件 中 。 因 此 ， 前 面部 分 中 使 用 的 单 文件 页 示例 被 分 成 两 个 文件 : 
SamplePage.aspx 和 SamplePage.aspx.cs。 标记 位 于 一 个 文件 中 (在 本 示例 中 为 SamplePage.aspx)， 
并 且 与 单 文件 页 类 似 ， 如 下 面 的 示例 代码 所 示 : 
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<%@ Page Language="C#" CodeFile="SamplePage.aspx.cs" Inherits="SamplePage" 
AutoEventWireup="true" %> 
<html> 
<head runat="server" > 
<title> 代 码 隐藏 模型 </title> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<asp:Label id="Labell" runat="server" Text="Label" ></asp:Label> <br /> 
<asp:Button id="Button1" runat="server" onclick="Button1_Click" Text=”Button" > 
</asp:Button> 
</div> 
</form> 
</body> 
</html> 


单 文件 页 模型 和 代码 隐藏 页 模型 相 比 ，.aspx 页 有 两 处 差别 : 第 一 个 差别 是 ,在 代码 隐藏 
页 模型 中 ， 不 存在 具有 runat="server" 属 性 的 script 块 (如 果 要 在 页 中 编写 客户 端 脚本 ， 则 该 页 
可 以 包含 不 具有 runat="server" 属 性 的 script 块 ); 第 二 个 差别 是 , 代码 隐藏 页 模型 中 的 @ Page 
指令 包含 引用 外 部 文件 (SamplePage.aspx.cs) 和 类 的 属性 。 如 CodeFile 属性 指定 页 引用 的 代码 
隐藏 文件 的 路 径 ， 此 属性 与 Inherits 属性 一 起 使 用 可 以 将 代码 隐藏 源 文件 与 网 页 相关 联 。 
Inherits 属性 定义 了 供 页 继承 的 代码 隐藏 类 ， 它 可 以 是 从 Page 类 派生 的 任何 类 ， 默 认 情况 下 
为 生成 的 .aspx 页 面 的 原始 名 称 。AutoEventWireup 属性 指示 页 的 事件 是 否 自动 绑 定 ， 如 果 启 
用 了 事件 自动 绑 定 ， 则 为 rue; 否则 为 false。 

程序 代码 位 于 单独 的 文件 SamplePage.aspx.cs 中 。 下 面 的 示例 代码 演示 了 一 个 与 单 文件 
页 包含 相同 Click 事件 处 理 程序 的 代码 隐藏 文件 。 


Using System: 

using System.Web; 

using System.Web.UI; 

using System. Web.UI. WebControls; 

public partial class SamplePage : System.Web.UI. Page 


d 
protected void Button1_Click(object sender, EventArgs e) 
í 
Labell.Text = "Clicked at " + DateTime.Now.ToString(); 
) 
) 


1. 命名 空间 的 引用 
文件 前 面包 含 一 系列 命名 空间 的 引用 。 如 : 


using System; 


using System. Web; 
using System. Web. UI, 
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using System. Web.UI.WebControls; 


2. 指定 类 的 基 类 
下 面 的 语句 是 对 网 页 类 定义 的 框架 : 


public partial class SamplePage : System.Web.ULPage 
{ 


} 

表明 网 页 类 SamplePage 派生 自 System Web.ULPage, 在 类 的 定义 中 ,修饰 词 partial class 
代替 了 传统 的 class， 这 说 明 网 页 是 一 个 “分 布 式 类 ”。 

那么 ， 什 么 是 分 布 式 类 ， 为 什么 要 使 用 分 布 式 类 ? 有 的 类 具有 比较 复杂 的 功能 ， 因 而 拥 
有 大 量 的 属性 、 事 件 和 方法 。 如 果 将 类 的 定义 都 写 在 一 起 ， 文 件 会 很 庞大 ， 代 码 的 行 数 也 会 
很 多 ， 不 便于 阅读 和 调试 。 为 了 降低 文件 的 复杂 性 ，C# 提 出 了 “分 布 式 类 ”的 概念 。 

在 分 布 式 类 中 ， 人 允许 将 类 的 定义 分 散 到 多 个 代码 片段 中 ， 而 这 些 代码 片段 又 可 以 存放 到 
两 个 或 两 个 以 上 的 源 文件 中 ， 每 个 文件 只 包括 类 定义 的 一 部 分 。 只 要 所 有 文件 使 用 了 相同 的 
命名 空间 ， 相 同 的 类 名 ， 而 且 每 个 类 的 定义 前 都 有 partial 修饰 符 ， 编 译 器 就 会 自动 将 这 些 文 
件 编 译 到 一 起 ， 形 成 一 个 完整 的 类 。 

例如 : 

/第 一 个 文件 为 expl.cs 
using System; 


public partial class partexp 

í 
Public void SomeMethod ( ) 
{ 
} 

} 

/ 第 二 个 文件 为 exp2.cs 

using System; 

public partial class partexp 

{ 
Public void SomeOtherMethod ( ) 
í 
) 

) 


上 面 expl.cs 与 exp2.cs 两 个 文件 使 用 同一 命名 空间 System， 同 一 类 名 partexp， 而 且 都 
加 上 了 partial 修饰 符 。 编 译 后 生成 的 类 将 自动 将 两 个 方法 组 合 到 一 起 ， 所 以 结果 类 中 包括 了 
两 个 方法 : SomeMethod ( ) 和 SomeOtherMethod ( )。 


注意 : 
并 非 所 有 的 NET 编程 语言 都 可 用 于 为 ASPNET 网 页 创建 代码 隐藏 文件 。 必 须 使 用 支持 
分 部 式 类 的 语言 。 例 如, 形 不 支持 分 部 式 类 , 因此 也 不 支持 为 ASPNET 页 创建 代码 隐藏 文件 。 
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如 图 3-7 所 示 为 代码 隐藏 页 中 类 的 继承 模型 。 


MyPage.aspx 


<% Page Inherits="MyPage"%> 
Clo 


System.Web.UI.Page <asp:button id="bl"... /> 
<asp:textbox id="tbl"... /> 


个 继承 自 


De MyPage.aspx.vb) 


public partial class MyPage : Page 


protected void bl_Click() 
{ 4/ 用 户 代码 } 


w ua 


基于 aspx 文件 生成 的 分 部 类 


protected TextBox tbl; 
protected Button bl; 


图 3-7 ”代码 隐藏 页 模型 


单 文件 页 模型 和 代码 隐藏 页 模型 功能 相同 。 在 运行 时 ， 这 两 个 模型 以 相同 的 方式 执行 ， 
而 且 它们 之 间 没 有 性 能 差异 。 因 此 ， 页 模型 的 选择 取决 于 其 他 因素 ， 例 如 ， 要 在 应 用 程序 中 
组 织 代码 的 方式 、 将 页 面 设计 与 代码 编写 分 开 是 否 重要 等 。 一 般 来 说 ， 对 于 那些 代码 不 太 复 
杂 的 网 页 来 说 ， 最 好 采用 单 文件 页 模型 ， 而 对 于 代码 比较 复杂 的 网 页 ， 则 最 好 采用 代码 隐藏 
页 模型 。 


3.3.4 ASP.NET 网 站 和 ASP.NET 应 用 程序 的 区 别 
参考 1.4 节 ， 创 建 ASP.NET Web 应 用 程序 流程 。 在 ASP.NET 中 ， 可 以 创建 ASP.NET 
网 站 和 ASP.NET Web 应 用 程序 ， 在 这 些 项 目 中 都 可 新 建 ASPX 网 页 和 ASP.NET 文件 夹 ( 包 


ñ App_Browsers. App Data, App GlobalResources, App LocalResources、App_Themes)。 
ASP.NET 网 站 有 一 点 好 处 ， 就 是 在 编译 后 ， 编 译 器 将 整个 网 站 编译 成 一 个 DLL( 动 态 链 
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接 库 )， 在 更 新 时 ， 只 需要 更 新 编译 后 的 DLL( 动 态 链接 库 ) 文 件 即 可 。 但 是 ASPNET 网 站 也 
有 一 个 缺点 ， 编 译 速度 慢 ， 并 且 类 的 检查 不 彻底 。 

相 比 之 下 ，ASP.NET Web 应 用 程序 不 仅 加 快 了 速度 ， 只 生成 一 个 程序 集 ， 而 且 可 以 拆 分 成 多 个 
项 目 进行 管理 。ASPNET 网 站 和 ASPNET 应 用 程序 的 开发 过 程 和 编译 过 程 具体 区 别 如 下 。 

(1) Web 应 用 程序 Defaultaspx 显示 有 两 个 原 有 文件 及 Defaultaspxcs 和 Defaultaspx designer.cs; 
Web 网 站 Defaultaspx 显示 有 一 个 原 有 文件 Defaultaspx.cs。 

(2) Web 应 用 程序 有 重新 生成 和 发 布 两 项 ，Web 网 站 只 有 一 个 发 布 网 站 。 

(3) Web 应 用 程序 和 一 般 的 WinForm 没有 什么 区 别 ， 引 用 的 都 是 命名 空间 等 ，Web 网 站 
在 引用 后 出 现 一 个 Bin 文件 夹 存放 DLL 和 PDB 文件 。 

(4) Web 应 用 程序 可 以 作为 类 库 被 引用 ; Web 网 站 则 不 可 以 作为 类 库 被 引用 。 

(5) Web 应 用 程序 可 以 添加 ASP.NET 文件 夹 ， 其 中 不 包括 bin, App Code; Web 网 站 可 
以 添加 ASP.NET 文件 来， 其 中 包括 BIN、App_Code。 

(6) Web 应 用 程序 还 可 添加 组 件 和 类 ; Web 网 站 则 没有 。 

(7) 源 文件 虽然 都 是 Defaultaspxcs， 但 是 Web 应 用 程序 有 命名 空间 ， 多 了 一 项 
System.Collections 空间 引用 。 

ASP.NET Web 应 用 程序 主要 有 以 下 特点 : 
可 以 将 ASP.NET 应 用 程序 拆 分 成 多 个 项 目 ， 以 方便 开发 、 管 理 和 维护 ; 
可 以 从 项 目 中 和 源 代码 管理 中 排除 一 个 文件 或 项 目 ; 
支持 VSTS 的 Team Build， 方 便 每 日 构建 ; 
J 以 对 编译 前 后 的 名 称 、 程 序 集 等 进行 自 定义 ; 
对 App_GlobalResources 的 Resource 强 类 文 持 。 

ASPNET 网 站 编程 模型 具有 以 下 特点 : 

e 动态 编译 该 页 面 ， 而 不 用 编译 整个 站 点 ; 

e° 当 一 部 分 页 面 出 现 错误 时 不 会 影响 到 其 他 的 页 面 或 功能 

e 不 需要 项 目 文件 ， 可 以 把 一 个 目录 当 作 一 个 Web 应 用 来 处 理 。 

总 体 来 说 ，ASPNET 网 站 适用 于 较 小 的 网 站 开发 ， 因 为 其 动态 编译 的 特点 ， 无 须 整 站 编 
译 。 而 ASPNET Web 应 用 程序 则 更 适合 于 大 型 的 网 站 开发 、 维 护 等 。 
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34 状态 管理 


3.4.1 页 面 状态 概述 


状态 管理 是 对 同一 页 或 不 同 页 的 多 个 请 求 维持 状态 以 及 页 面 信息 的 过 程 。 由 于 HTTP 协 
议 是 一 个 无 状态 的 协议 ， 所 以 服务 器 每 处 理 完 客户 端的 一 个 请 求 后 就 认为 任务 结束 ， 当 客户 
端 再 次 请 求 时 ， 服 务 器 会 将 其 作为 一 次 新 的 请 求 处 理 ， 即 使 是 相同 的 客户 端 也 是 如 此 。 此 外 ， 
到 服务 器 的 每 一 次 往返 过 程 都 将 销毁 并 重新 创建 页 ， 因 此 ， 如 果 超 出 了 单个 页 的 生命 周期 ， 
页 信息 将 不 存在 。 
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ASPNET 提供 了 几 种 在 服务 器 与 客户 端 往返 过 程 之 间 维 持 状 态 的 方式 , 分 别 应 用 于 不 同 
的 目的 。 

e 视图 状态 : 用 于 保存 本 窗 体 页 的 状态 。 

e 控件 状态 : 用 于 存储 控件 状态 数据 。 

e 隐藏 域 : 呈现 为 <input type= "hidden"/> 元 素 ， 用 于 存储 一 个 值 。 

e 应 用 程序 状态 : 用 于 保存 整个 应 用 程序 的 状态 ， 状 态 存 储 在 服务 器 端 。 

e 会 话 状态 : 用 于 保存 单一 用 户 的 状态 ， 状 态 存 储 在 服务 器 端 。 

e Cookie RÆ: 用 于 保存 单一 用 户 的 状态 ， 状 态 存 储 在 浏览 器 端 。 

下 面 分 别 介 绍 前 3 种 ， 其 他 3 种 将 在 第 4 章 中 介绍 。 


34.2 ”视图 状态 


什么 是 视图 状态 (ViewState)? 简单 地 说 ， 视 图 状态 就 是 本 窗 体 的 状态 ， 保 持 视图 状态 就 
是 在 反复 访问 本 窗 体 页 时 ， 能 够 保持 状态 的 连续 性 。 

为 什么 要 保持 视图 状态 呢 ? ASP.NET 的 目标 之 一 是 尽量 使 网 站 的 设计 与 桌面 系统 一 致 。 
ASP.NET 中 的 事件 处 理 模型 是 实现 本 目标 的 重要 措施 ,该 模型 是 基于 服务 器 处 理事 件 的 ， 当 
服务 器 处 理 完事 件 后 通常 再 次 返回 到 本 窗 体 以 继续 后 面 的 操作 。 如 果 不 保持 视图 状态 ， 那 么 
当 窗 体 页 返回 时 ， 窗 体 页 中 原 有 的 状态 (数据 ) 就 都 不 再 存在 ， 这 种 情况 下 怎样 继续 窗 体 的 
操作 ? 

当 输 入 完 数据 ， 单 击 “ 提 交 ” 按 钮 时 ， 提 交 数 据 的 同时 ， 网 页 被 重新 启动 ， 网 页 中 原 有 
的 数据 都 不 见 了 。 这 就 是 不 保持 视图 的 结果 。 如 果 将 这 些 控件 都 改 为 标准 控件 ， 再 按照 前 面 
的 方法 操作 ， 当 单 击 “提交 ”按钮 提交 后 数据 仍然 可 以 保持 。 

系统 是 用 什么 方法 来 保持 视图 状态 的 呢 ? 原来 微软 在 这 里 采用 了 一 种 比较 特殊 的 方式 ， 
只 要 从 浏览 器 端 打开 网 页 的 源 文件 来 查看 一 下 ， 就 会 发 现在 源 代 码 中 已 经 自动 增加 了 一 段 代 
码 。 如 下 所 示 : 


<input type="hidden" name=" VIEWSTATE" id=" VIEWSTATE" 
value="/wEPDWUKMTIIMTK2NDQZM2RktqBBkQfTn3tE+bfK S0ehcOwAmqo=" /> 


这 说 明 在 网 页 中 己 经 自动 增加 了 一 个 隐藏 (type="hidden") 控 件 ， 控 件 的 名 字 为 
"_VIEWSTATE"。 由 于 这 个 新 控件 是 隐藏 控件 ， 因 此 增加 它 并 不 会 改变 页 面 的 布局 。 控 件 的 
value 属性 就 是 窗 体 页 中 各 个 控件 以 及 控件 中 的 数据 (状态 )。 为 了 安全 ， 这 些 数据 被 序列 化 为 
Base64 编码 的 字符 串 ， 已 经 变 得 难以 辨认 。 当 网 页 提交 时 ， 它 都 会 以 “客户 端 到 服务 端 ” 的 
形式 来 回 传递 一 次 ， 当 处 理 完成 后 ， 最 后 会 以 处 理 后 的 新 结果 作为 新 的 ViewState 存储 到 页 
面 中 的 隐藏 字段 ， 并 与 页 面 内 容 一 起 返回 到 客户 端 ， 从 而 恢复 了 窗 体 页 中 各 控件 的 状态 。 

使 用 视图 状态 的 优点 如 下 。 

o 不 需要 任何 服务 器 资源 : 视图 状态 包含 在 页 代码 内 。 

e 实现 简单 : 视图 状态 无 须 使 用 任何 自 定义 编程 。 

e 增强 的 安全 功能 : 视图 状态 中 的 值 经 过 哈 希 计算 和 压缩 , 并 且 针 对 Unicode 实现 进行 

编码 ， 其 安全 性 要 高 于 使 用 隐藏 域 。 
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虽然 使 用 视图 状态 可 以 带 来 很 多 方便 ， 但 是 要 注意 以 下 问题 。 

e 视图 状态 提供 了 特定 ASP.NET 页 面 的 状态 信息 。 如 果 需 要 在 多 个 页 上 使 用 信息 ， 或 
访问 网 站 时 保留 信息 ， 则 应 使 用 另 一 种 方法 (如 应 用 程序 状态 、 会 话 状 态 或 个 性 化 设 
置 ) 来 维护 状态 。 

e 视图 状态 信息 将 序列 化 为 XML, 然后 使 用 Base64 编码 进行 编码 , 这 将 生成 大 量 的 数 
据 。 将 页 回 发 到 服务 器 时 ， 视 图 状态 信息 将 作为 页 回 发 信息 的 一 部 分 发 送 。 如 果 视 
图 状态 包含 大 量 信息 ， 则 会 影响 页 的 性 能 。 

e° 虽然 使 用 视图 状态 可 以 保存 页 和 控件 的 值 ， 但 在 某 些 情况 下 ， 需 要 关闭 视图 状态 。 
例如 使 用 GridView 控件 显示 数据 ， 单 击 GridView 控件 的 【下 一 页 】 按 钮 ， 此 时 ， 
GridView 控件 呈现 的 数据 已 经 不 再 是 前 一 页 的 数据 ， 此 时 如 果 使 用 视图 状态 将 前 一 
页 数据 保存 下 来 ， 不 仅 没有 必要 而 且 还 会 生成 大 量 隐 藏 字段 ， 增 大 页 面 的 体积 ， 所 
以 应 当 关 闭 视图 状态 以 移 除 由 GridView 控件 生成 的 大 量 隐藏 字段 。 假 设 此 处 的 
GridView 控件 名 为 gv， 那 么 下 面 的 代码 将 禁用 该 控件 的 视图 状态 : 


gv.EnableViewState = false; 
如 果 整 个 页 面 控件 都 不 需要 维持 状态 视图 ， 则 可 以 设置 整个 页 面 的 视图 状态 为 false: 
<%@ Page EnableViewState="false"%>; 
e° 某 些 移动 设备 不 允许 使 用 隐藏 字段 。 因 此 ， 视 图 状态 对 于 这 些 设 备 无 效 。 
34.3 ”控件 状态 


ASP.NET 页 框架 提供 了 ControlState 属性 作为 在 服务 器 往返 过 程 中 存储 自 定义 控件 数据 
的 方法 。 从 ASP.NET 2.0 开始 支持 控件 状态 机 制 。 控 件 的 状态 数据 现在 能 通过 控件 状态 而 不 
是 视图 状态 被 保持 ， 控 件 状态 是 不 能 够 被 禁用 的 。 如 果 控 件 中 需要 保存 控件 之 间 的 逻辑 ， 比 
如 选项 卡 控件 要 记 住 每 次 回 发 时 当前 已 经 选中 的 索引 SelectIndex 时 ， 就 适合 使 用 控件 状态 。 
当然 ，ViewState 属性 完全 可 以 满足 此 需求 ， 如 果 视 图 状态 被 禁用 的 话 ， 自 定义 控件 就 不 能 
确 运行 。 控 件 状态 的 工作 方式 与 视图 状态 完全 一 致 ， 并 且 默 认 情况 下 在 页 面 中 它们 都 是 存储 
在 同一 个 隐藏 域 中 。 

使 用 控件 状态 的 优点 主要 有 以 下 3 点 。 

e° 不 需要 任何 服务 器 资源 : 默认 情况 下 ， 控 件 状态 存储 在 页 的 隐藏 域 中 。 

e 可 靠 性 ， 因 为 控件 状态 不 像 视图 状态 那样 可 以 关闭 ， 控 件 状态 是 管理 控件 状态 的 可 

靠 方法 。 

e 通用 性 : 可 以 编写 自 定义 适配器 来 控制 如 何 存储 控件 状态 数据 及 其 存储 位 置 。 

使 用 控件 状态 的 缺点 主要 是 需要 一 些 编程 。 虽 然 ASPNET 页 框架 为 控件 状态 提供 了 基 
础 ， 但 是 控件 状态 是 一 个 自 定义 的 状态 保持 机 制 。 为 了 充分 利用 控件 状态 ， 程 序 员 必须 自己 
编写 代码 来 保存 和 加 载 控 件 状态 。 
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3.4.4 ”隐藏 域 


在 ASP 中 ， 通 常 使 用 隐藏 域 来 保存 页 面 信息 。 在 ASPNET 中 ， 同 样 具 有 隐藏 域 来 保存 
页 面 的 信息 。 但 是 隐藏 域 的 安全 性 并 不 高 ， 最 好 不 要 在 隐藏 域 中 保存 过 多 的 信息 。 

隐藏 域 具有 以 下 优点 。 

e 不 需要 任何 服务 器 资源 。 隐 藏 域 在 页 上 存储 和 读 取 。 

e° 广泛 的 支持 。 几 乎 所 有 浏览 器 和 客户 端 设 备 都 支持 具有 隐藏 域 的 窗 体 。 

e 实现 简单 。 隐 藏 域 是 标准 的 HTML 控件， 不 需要 复杂 的 编程 逻辑 。 

使 用 隐藏 域 的 缺点 主要 如 下 。 

o 潜在 的 安全 风险 。 隐 藏 域 可 以 被 算 改 。 如 果 直 接 查 看 页 输出 源 ， 可 以 看 到 隐藏 域 中 

的 信息 ， 这 将 导致 潜在 的 安全 性 问题 。 

o 简单 的 存储 结构 。 隐 藏 域 不 支持 复杂 数据 类 型 。 隐 藏 域 只 提供 一 个 字符 串 值 域 存放 
言 息 。 如 果 需 要 将 复杂 数据 类 型 存储 在 客户 端 上 ， 可 以 使 用 视图 状态 。 视 图 状态 内 
置 了 序列 化 ， 并 且 将 数据 存储 在 隐藏 域 中 。 

o 性 能 注意 事项 。 由 于 隐藏 域 存储 在 页 本 身 ， 因 此 ， 如 果 存 储 较 大 的 值 ， 用 户 显示 页 
和 发 布 页 时 的 速度 可 能 会 减 慢 。 

o 存储 限制 。 如 果 隐 藏 域 中 的 数据 量 过 大 ， 某 些 代理 和 防火 墙 将 阻止 对 包含 这 些 数 据 
的 页 的 访问 。 

以 上 几 种 维持 状态 的 方法 都 属于 客户 端 状 态 管理 ， 虽 然 使 用 客户 端 状态 并 不 占用 服务 器 
资源 ， 但 是 这 些 状态 都 具有 潜在 的 安全 隐患 。 下 面 总 结 了 一 些 客户 端 状态 的 优 缺 点 和 使 用 
情况 。 

e° 视图 状态 : 当 需 要 存储 少量 回 发 到 自身 的 页 信息 时 使 用 。 

e° 控件 状态 ， 需要 在 服务 器 的 往返 过 程 中 存储 少量 控件 状态 信息 时 使 用 。 不 需要 任何 

服务 器 资源 ， 控 件 状态 是 不 能 被 关闭 的 ， 提 供 了 控件 管理 的 更 加 可 靠 和 更 通用 的 


方法 。 
e 隐藏 域 ， 实现 简单 ， 当 需要 存储 少量 回 发 到 自身 或 另 一 个 页 的 页 信息 时 使 用 ， 也 可 
以 在 不 存在 安全 性 问题 时 使 用 。 


3.5 ASP.NET 配置 管理 


IEH ASP.NET 配置 系统 的 功能 ， 可 以 配置 整个 服务 器 上 的 所 有 ASP.NET 应 用 程序 、 单 
个 ASP.NET 应 用 程序 和 各 个 页 面 或 应 用 程序 子 目录 ， 也 可 以 配置 各 种 具体 的 功能 ， 如 身份 
验证 模式 、 页 缓存 、 编 译 器 选项 、 自 定义 错误 、 调 试 和 跟踪 选项 等 。 


3.5.1 web.config 文件 介绍 


ASPNET 提供 了 一 个 丰富 而 可 行 的 配置 系统 ， 以 帮助 管理 人 员 轻 松 快捷 地 建立 自己 的 
Web 应 用 环境 。 
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Web 配置 文件 web.config 是 Web 应 用 程序 的 数据 设置 文件 , 它 是 一 份 XML 文件 ， 内 含 
Web 应 用 程序 相关 设 定 的 XML 标记 , 可 以 用 来 简化 ASP.NET 应 用 程序 的 相关 设置 。 它 用 来 
存储 ASP.NET 应 用 程序 的 配置 信息 (如 最 常用 的 设置 ASP.NET Web 应 用 程序 的 身份 验证 方 
式 )， 它 可 以 出 现在 应 用 程序 的 每 一 个 目录 中 ， 统 一 命名 为 web.config， 并 且 可 以 出 现在 
ASP.NET 应 用 程序 的 多 个 目录 中 。ASP.NET 配置 层次 结构 具有 下 列 特征 : 

e 使 用 应 用 于 配置 文件 所 在 的 目录 及 其 所 有 子 目录 中 的 资源 的 配置 文件 。 

e 人 允许 将 配置 数据 放 在 将 使 它 具 有 适当 范围 ( 整 台 计算 机 、 所 有 的 Web 应 用 程序 、 单 个 

应 用 程序 或 该 应 用 程序 中 的 子 目 录 ) 的 位 置 。 

e 人 允许 重 写 从 配置 层次 结构 中 的 较 高 级 别 继承 的 配置 设置 。 还 允许 锁定 配置 设置 ， 以 

防止 它们 被 较 低 级 别 的 配置 设置 所 重 写 。 

。 将 配置 设置 的 逻辑 组 组 织 成 节点 的 形式 。 

在 运行 状态 下 ，ASP.NET 会 根据 远程 URL 请 求 ， 把 访问 路 径 下 的 各 个 web.config 配置 
文件 县 加 ， 产 生 一 个 唯一 的 配置 集合 。 

举例 来 说 ， 一 个 对 URL 为 http://localhost/website/ownconfig/test.aspx 的 访问 ，ASPNET 
会 根据 以 下 顺序 来 决定 最 终 的 配置 情况 : 

(1) Microsoft.NET\Framework\{version}\web.config (默认 配置 文件 ) 

(2) \webapp\web.config (应 用 的 配置 ) 

(3) \webapp\ownconfig\web.config (自己 的 配置 ) 

web.config 是 ASPX 区 别 于 ASP 的 一 个 方面 ， 可 以 用 这 个 文件 配置 很 多 信息 。ASPNET 
允许 配置 内 容 与 静态 内 容 、 动 态 页 面 和 商业 对 象 放 置 在 同一 应 用 的 目录 结构 下 。 当 管理 人 员 
需要 安装 新 的 ASP.NET 应 用 时 ， 只 需 将 应 用 目录 复制 到 新 的 机 器 上 即 可 。 在 运行 时 对 
web.config 文件 的 修改 不 需要 重启 服务 就 可 以 生效 。 当 然 ，web.config 文件 是 可 以 扩展 的 。 用 
户 可 以 自 定义 新 配置 参数 并 编写 配置 节 处 理 程序 以 对 其 进行 处 理 。 

ASP.NET 的 配置 系统 具有 以 下 优点 。 

© ASP.NET 的 配置 内 容 以 纯 文本 方式 保存 ,可 以 以 任意 标准 的 文本 编辑 器 、XML 解析 

器 和 脚本 语言 解释 、 修 改 配置 内 容 。 
o ASP.NET 提供 了 扩展 配置 内 容 的 架构 ， 以 支持 第 三 方 开 发 者 配置 自己 的 内 容 。 
e ASPNET 配 置 文件 的 更 改 被 系统 自动 监控 ， 无 须 管理 人 员 手 工 干预 。 


3.5.2 ”配置 文件 的 语法 规则 


自 定 义 web.config 文件 配置 节 的 过 程 分 为 以 下 两 步 。 
(1) 在 配置 文件 项 部 <configSections> 和 </configSections> 标 记 之 间 声 明 配 置 节 的 名 称 和 处 
理 该 节 中 配置 数据 的 .NET Framework 类 的 名 称 。 格 式 如 下 : 


<configuration> 
配置 内 容 


</configuration> 


(2) <configSections> 区 域 之 后 为 声明 的 节 做 实际 的 配置 设置 。 
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具体 定义 配置 的 内 容 ， 以 供应 用 使 用 。Web 配置 文件 是 一 个 XML 文件 ， 在 XML 标记 
中 的 属性 就 是 设 定 值 ， 标 记名 称 和 属性 值 的 格式 是 字符 串 ， 第 一 个 开头 字母 是 小 写 ， 之 后 每 
个 单词 首 字 母 大 写 ， 如 <appSetting>。Web 配置 文件 示例 如 下 : 


<?xml version="1.0" encoding="utf-8"?> 
<configuration> 
<configSections> 
<!-- For more information on Entity Framework configuration, visit 
http://go.microsoft.com/fwlink/?LinkID=237468 --> 
<section name="entityFramework" 
type="System.Data.Entity.Internal.ConfigFile.EntityFrameworkSection, EntityFramework, Version=5.0.0.0, 
Culture=neutral, PublicKeyToken=b77a5c561934e089" requirePermission="false" /> 
</configSections> 
<connectionStrings> 
<add name="DefaultConnection" providerName="System.Data.SqlClient" connectionString="Data 
Source=(LocalDb)\w1 1.0;Initial Catalog=aspnet-WebSite1(2)-20140211172100;Integrated 
Security=SSPL AttachDBFilename=|DataDirectoryl\aspnet-WebSitel1(2)-20140211172100.mdf" /> 
</connectionStrings> 
<system.web> 
<compilation debug="false" targetFramework="4.5" /> 
<httpRuntime targetFramework="4.5" /> 
<pages> 
<namespaces> 
<add namespace="System. Web.Optimization" /> 
</namespaces> 
<controls> 
<add assembly="Microsoft.AspNet.Web.Optimization. WebForms" 
namespace="Microsoft.AspNet. Web.Optimization. WebForms" tagPrefix="webopt" /> 
</controls> 
</pages> 
<authentication mode="Forms"> 
<forms loginUrl="~/Account/Login.aspx" timeout="2880" /> 
</authentication> 
<profile defaultProvider="DefaultProfileProvider"> 
<providers> 
<add name="DefaultProfileProvider" type="System. Web.Providers.DefaultProfileProvider, 
System.Web.Providers, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" 
connectionStringName="DefaultConnection" applicationName="/" /> 
</providers> 
</profile> 
<membership defaultProvider="DefaultMembershipProvider"> 
<providers> 
<add name="DefaultMembershipProvider" 
type="System. Web.Providers.DefaultMembershipProvider, System. Web.Providers, Version=1.0.0.0, 
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Culture=neutral, PublicKeyToken=31bf3856ad364e35" connectionStringName="DefaultConnection" 
enablePasswordRetrieval="false" enablePasswordReset="true" requiresQuestionAndAnswer="false" 
requiresUniqueEmail="false" maxInvalidPasswordAttempts="5" minRequiredPasswordLength="6" 
minRequiredNonalphanumericCharacters="0" passwordAttemptWindow="10" applicationName="/" /> 
</providers> 
</membership> 
<roleManager defaultProvider="DefaultRoleProvider"> 
<providers> 
<add name="DefaultRoleProvider" type="System. Web.Providers. DefaultRoleProvider, 
System. Web.Providers, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" 
connectionStringName="DefaultConnection" applicationName="/" /> 
</providers> 
</roleManager> 
<sessionState mode="InProc" customProvider="DefaultSessionProvider"> 
<providers> 
<add name="DefaultSessionProvider" 
type="System. Web.Providers.DefaultSessionStateProvider, System. Web.Providers, Version=1.0.0.0, 
Culture=neutral, PublicKeyToken=31bf3856ad364e35" connectionStringName="DefaultConnection" /> 
</providers> 
</sessionState> 
</system.web> 
<entityFramework> 
<defaultConnectionFactory type="System.Data.Entity.Infrastructure.LocalDbConnectionFactory, 
EntityFramework"> 
<parameters> 
<parameter value="v11.0" /> 
</parameters> 
</defaultConnectionFactory> 
</entityFramework> 
</configuration> 


可 以 看 到 ， 这 段 配 置信 息 是 一 个 基于 XML 格式 的 文件 ， 根 标记 是 <configuration>， 所 有 


配置 信息 均 被 包括 在 <configuration> 和 </configuration> 标 签 之 间 ， 其 子 标记 <appSettings>、 
onnectionsStrings> 和 <system.web> 是 各 设 定 区 段 。 在 <system.web> 下 的 设 定 区 段 属于 


ASP.NET 相关 设 定 , 在 一 个 web.config 配置 文件 中 , 通常 可 以 看 到 多 个 <system.web> 配 置 块 ， 


用 


标 
<c 
标 
表 


户 也 可 以 根据 需要 创建 自己 的 <system.web>。 

在 Web 配置 文件 的 <appSettings> 区 段 可 以 创建 ASPNET 程序 所 需要 的 参数 , 每 个 <add> 
记 可 以 创建 一 个 参数 ， 属 性 key 是 参数 名 称 ，value 是 参数 值 。ASPNET 2.0 以 后 新 增 了 
onnectionStrings> 区 段 ， 可 以 指定 数据 库 连 接 字 符 串 ， 在 <connectionStrings> 标 记 的 <add> 子 
记 也 可 以 创建 连接 字符 串 ， 属 性 name 是 名 称 ，connectionStrings 是 连接 字符 串 的 内 容 ， 如 

3-3 所 示 列 出 了 常用 设 定 区 段 标记 的 说 明 。 
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表 3-3 常用 设 定 区 段 标记 说 明 
说 明 


<anonymousldentification> 


控制 Web 应 用 程序 的 匿名 用 户 


设 定 ASPNET 的 验证 方式 (为 Windows、Forms、PassPort、None 共 4 种 )。 


<authentication> 该 元 素 只 能 在 计算 机 、 站 点 或 应 用 程序 级 别 声明 。<authentication> 元 素 必 
需 与 <authorization> 节 配合 使 用 
BGE ASP.NET 用 户 授 权 ， 控 制 对 URL 资源 的 客户 端 访问 (如 允许 匿名 用 

<authorization> 户 访 问 )。 此 元 素 可 以 在 任何 级 别 ( 计 算 机 、 站 点 、 应 用 程序 、 子 目录 或 页 ) 
上 声明 。 必 须 与 <authentication> 节 配合 使 用 

<browserCaps> 设 定 浏览 程序 兼容 组 件 HttpBrowserCapabilities 

<compilation> 设 定 ASP.NET 应 用 程序 的 编译 方式 

<customErrors> 设 定 ASP.NET 应 用 程序 的 自动 错误 处 理 

<globalizations> 关于 ASP.NET 应 用 程序 的 全 球 化 设 定 ， 也 就 是 本 地 化 设 定 

<httpHandlers> 设 定 HTTP 处 理 是 对 应 到 URL 请 求 的 HttpHandler 类 

<httpModules> 创建 、 删 除 或 清除 ASP.NET 应 用 程序 的 HTTP 模块 

<httpRuntime> ASP.NET 的 HTTP 的 执行 其 相关 设 定 

<machineKey> 设 定 在 使 用 窗 体 基础 验证 的 Cookie 数据 时 ， 用 来 加 密 和 解密 的 密 钥 

<membership> 设 定 ASP.NET 的 Membership 机 制 

<pages> 设 定 ASP.NET 程序 的 相关 设 定 ， 即 Page 指引 命令 的 属性 

<profile> 设 定 个 人 化 信息 的 Profile 对 象 

<roles> 设 定 ASP.NET 的 角色 管理 

<sessionState> BGE ASP.NET 应 用 程序 的 Session 状态 HttpModule 

<siteMap> 设 定 ASP.NET 网 站 导航 系统 

<trace> 设 定 ASPNET 跟踪 服务 

<webParts> 设 定 ASP.NET 应 用 程序 的 网 页 组 件 

<webServices> 设 定 ASP.NET 的 Web 服务 


3.6 本 章 小 结 


本 章 首 先 对 ASPNET 的 程序 结构 进行 了 介绍 , 对 ASP.NET 开发 网 站 的 过 程 中 创建 的 主 
要 不 同文 件 类 型 的 功能 和 主要 文件 夹 的 使 用 做 了 详细 讲解 ， 为 后 面 的 网 站 开发 做 好 基础 。 

接 下 来 主要 讲解 了 ASP.NET 的 网 页 运行 机 制 ， 在 了 解 了 这 些 基 本 运行 机 制 后 ， 就 能 
在 NET 框 架 下 进行 ASPNET 开发 了 .所 有 的 ASPX 网 页 都 具有 一 些 共同 的 属性 、 事 件 和 方法 。 

然后 介绍 了 ASPNET 页 面 是 如 何 组 织 和 运行 的 ， 包 括 页 面 的 往返 与 处 理 机 制 、 页 面 的 


hy 


生命 周期 和 事件 .ASPNET 页 面 生命 周期 是 ASPNET 中 非常 重要 的 概念 ,熟练 掌握 ASPNET 


页 面 生 命 周期 可 对 ASP.NET 开发 起 到 促进 作用 。 
在 编写 ASP.NET 网 页 时 ， 可 以 选择 单 文件 页 模型 和 代码 隐藏 页 模型 。 在 单 文件 页 模型 
中 ,页 的 标记 及 其 程序 代码 位 于 同一 个 后 缀 名 为 .aspx 的 文件 中 ; 而 在 代码 隐藏 页 模型 中 ， 页 
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的 标记 和 服务 器 端 元 素 仍 位 于 .aspx 文件 中 ,页 代码 则 位 于 单独 的 代码 隐藏 文件 中 。ASPNET 
提供 了 几 种 在 服务 器 往返 过 程 之 间 维 持 状 态 的 方式 。 本 章 介 绍 了 其 中 的 3 种 : 视图 状态 、 控 
件 状 态 和 隐藏 域 。 对 于 它们 的 优 缺点 逐一 进行 了 比较 。 

最 后 ， 对 ASPNET 的 配置 文件 web.config 的 配置 方法 进行 了 简要 介绍 。 


3.7 练 J 


1. ASP.NET 页 面 的 处 理 过 程 是 怎样 的 ? 

2. ASPNET 页 的 生命 周期 分 哪 几 个 阶段 ? 

3. ASP.NET 的 网 页 代码 模型 有 几 种 ? 各 有 什么 特点 ? 
4. ASP.NET 状态 管理 有 哪些 方式 ? 
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ASP.NET 内 置 了 大 量 的 对 象 ， 提 供 了 丰富 的 功能 。 简单 地 说 , 对 象 就 是 把 一 些 功 能 都 封 
装 好 了 ， 只 要 使 用 它 的 属性 、 方 法 和 事件 就 可 以 了 。 对 象 也 是 用 类 实现 的 ， 只 不 过 可 以 看 做 
是 没有 界面 的 类 。 本 章 主要 介绍 ASP.NET 的 核心 对 象 ， 主 要 包括 Response, Request, 


Application, Session, Server 等 。 
本 章 的 学 习 目 标 : 
° 了 解 ASP.NET 对 象 的 概况 及 其 属性 、 方 法 和 事件 ; 
° 了 解 并 掌握 常用 内 部 对 象 的 概念 及 其 属性 、 方 法 。 


4.1 ASP.NET 对 象 的 概况 及 属性 方法 事件 


所 谓 对 象 (Object), 可 以 泛 指 日 常 生活 中 看 到 的 和 看 不 到 的 一 切 事物 , 在 程序 中 可 以 用 一 
种 仿真 的 方式 来 表示 对 象 。 一 般 的 对 象 都 有 一 些 静 态 的 特征 ， 如 对 象 的 外 观 、 大 小 等 ， 这 在 
面向 对 象 程序 中 就 是 对 象 的 属性 (attribute)。 一 般 的 对 象 如 果 是 有 生命 、 可 以 动作 的 ， 在 面向 
对 象 程序 中 就 是 对 象 的 方法 (method)。 所 以 在 面向 对 象 程序 的 概念 中 ， 对 象 有 两 个 重点 : 
个 是 “属性 ”、 另 一 个 是 “方法 ”。 
一 般 而 言 ， 对 象 的 定义 就 是 每 个 对 象 都 具有 不 同 的 功能 与 特征 ， 不 同 的 对 象 属于 不 同 的 
类 (Class)， 类 定义 了 对 象 的 特征 ， 而 对 象 的 特征 就 是 对 象 的 属性 、 方 法 和 事件 ， 没 有 类 就 没 
有 对 象 。 
e 属性 代表 对 象 的 状态 、 数 据 和 设置 值 。 属 性 的 设置 语法 如 下 : 
对 象 名 . 属性 名 = 语句 
e 方法 可 以 执行 的 动作 。 方 法 的 调用 语法 如 下 : 
对 象 名 . 方法 (参数 ) 


jlin} 


e 事件 的 概念 比较 抽象 ， 通 常 是 一 个 执行 的 动作 ， 也 就 是 对 象 所 认识 的 动作 ， 事 件 的 
执行 由 对 象 触发 。 
ASP.NET 的 早期 版 本 ASP 中 就 包含 有 Page, Response, Request 等 对 象 。 而 在 ASP.NET 
4.0 中 , 这些 对 象 仍 然 存在 ,使 用 的 方法 也 大 致 相同 .所 不 同 的 是 这 些 对 象 改 由 NET Framework 
中 封装 好 的 类 来 实现 ， 并 且 由 于 这 些 对 象 是 在 ASP.NET 页 面 初始 化 请 求 时 自动 创建 的 ， 所 
以 能 在 程序 中 的 任何 地 方 直接 调用 ， 而 无 须 对 类 进行 实例 化 操作 。 
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表 4-1 ASP.NET 内 部 对 象 简要 说 明 


对 “< 功 能 
Page 页 面 对 象 ， 用 于 整个 页 面 的 操作 
Request 从 客户 端 获取 信息 
Response 向 客户 端 输出 信息 
Session 存储 特定 用 户 的 信息 
Application 存储 同一 个 应 用 程序 中 所 有 用 户 之 间 的 共享 信息 
Server 创建 COM 组 件 和 进行 有 关 设 置 
Cookie 用 于 保存 Cookie 信息 
ViewState 存储 数据 信息 ， 一 直 有 效 


Page 对 象 的 事件 贯穿 页 面 执行 的 整个 过 程 。 大 多 数 情况 下 ， 只 需 关 心 Page Load 事件 即 
可 ， 可 以 参看 第 3 章 例 【3-1】。 下 面 将 分 别 介绍 除 page 之 外 的 另外 7 个 对 象 的 常用 属性 及 
方法 。 


42 Request 对 象 


4.2.1 Request 对 象 简介 


Request 对象 主要 是 让 服务 器 取得 客户 端 浏览 器 的 一 些 数据 ,包括 从 HTML 表单 中 用 Post 
或 者 GET 方法 传递 的 参数 、Cookie 和 用 户 认 证 。 在 程序 中 无 须 做 任何 声明 即 可 直接 使 用 。 
它 与 后 面 要 讲解 的 Response 对 象 一 起 使 用 ,达到 沟通 客户 端 与 服务 器 端的 作用 ， 使 它们 之 间 
可 以 很 简单 地 交换 数据 , 由 此 可 见 该 对 象 的 重要 性 。Request 对 象 可 以 接收 客户 端 通过 表单 或 
者 URL 地 址 串 发 送 来 的 变量 ， 同 时 ， 也 可 以 接收 其 他 客户 端的 环境 变量 ， 如 浏览 器 的 基本 
情况 、 客 户 端的 他 地 址 等 。 所 有 从 前 端 浏 览 器 通过 HTTP 协议 送 往 后 端 Web 服务 器 的 数据 ， 
都 是 借助 Request 对 象 完成 的 ， 总 而 言 之 ，Request 对 象 用 于 接收 所 有 从 浏览 器 发 往 服务 器 的 
请 求 内 的 所 有 信息 。Request 对 象 可 用 于 页 面 间 传 递 参 数 ， 如 通过 超 链 接 传递 页 面 参数 。 语 法 
如 下 : 


Request . [属性 | 方法 ] [变量 或 字符 串 ] 
例如 : 
Request . QueryString ["user name"] 


Request 对 象 的 常用 属性 、 方 法 如 表 4-2 和 表 4-3 所 示 ， 接 下 来 对 常用 的 功能 逐一 进行 
介绍 。 
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表 4-2 Request 对 象 常用 属性 列表 
BE 性 说 — BH 
ApplicationPath 获得 ASP.NET 应 用 程序 虚拟 目录 的 根 目录 
Browser 获取 和 设置 客户 端 浏览 器 的 兼容 性 信息 
ContentLength 客户 端 发 送信 息 的 字 节 数 
ContentType 获取 和 设置 请 求 的 MIME 类 型 
Cookies 获取 客户 端 Cookie 
FilePath 当前 请 求 的 虚拟 路 径 
Files 获取 客户 端 上 传 的 文件 集合 
Form 获取 表单 变量 集合 
Headers 获取 HTTP 头 信息 
HttpMethod HTTP 数据 传输 方法 ， 如 GET、POST 
Path 获取 当前 请 求 的 虚拟 路 径 
PhysicalPath 获取 请 求 的 URL 物理 路 径 
QueryString 获取 查询 字符 串 集 合 
ServerVariables 获取 服务 器 变量 集合 
TotalBytes, 获取 输入 文件 流 的 总 大 小 
Url 获取 当前 请 求 的 URL 
UrlReferrer 获取 该 请 求 的 上 一 个 页 面 
UserAgent 客户 端 浏览 器 信息 
UserHostAddress 客户 端正 地址 
UserHostName 客户 端 DNS 名 称 
UserLanguages 客户 端 语言 
表 4-3 Request 对 象 方法 列表 
名 称 说 明 
BinaryRead 以 二 进 制 方式 读 取 指定 字 节 的 输入 流 
MapPath 映射 虚拟 路 径 到 物理 路 径 
SaveAs 保存 HTTP 请 求 到 硬盘 
ValidateInput 验证 客户 端的 输入 是 否 存 在 危险 的 数据 


虽然 Request 对 象 的 属性 很 多 ， 但 常用 的 只 有 QueryString 、Path Browser. 


UserHostAddress、 


422 ”使 用 QueryString 属性 


ServerVariables、ClientCertificate。 


QueryString 属性 可 以 获取 标识 在 URL 后 面 的 所 有 返回 的 变量 及 其 值 。 在 超 链接 中 ， 常 常 
需要 从 一 个 页 面 跳 转 到 另外 一 个 页 面 ， 跳 转 的 页 面 需要 获取 HTTP 的 值 来 进行 相应 的 操作 ， 如 


新 闻 页 面 的 newsaspx?id=1。 为 了 获取 传递 过 来 的 过 值 ， 可 以 使 


例如 ， 当 客户 端 送 出 如 下 请 求 时 ， 


] Request 的 QueryString 属性 。 
QueryString 将 会 得 到 name 与 age 两 个 变量 的 值 : 


http :/ /...... /temp.aspx?name= 白 云 &age=22 
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注意 : 


问号 ? 后 面 可 以 有 多 个 变量 参数 ， 参 数 之 间 用 人 连接 。 


【 例 4-1] Request.QueryString 的 使 用 方法 。 


创建 两 个 文件 Default.aspx 和 Default2 .aspx。 在 Default.aspx 中 插入 一 个 超 链接 ， 其 
代码 如 下 : 


<body> 


<a href="Default2.aspx?id=] &name=ASP.NET4.5&action=get">Request . QueryString 的 使 用 方法 
</a></body> 


在 Default2.aspx.cs r, H] Request.QueryString 获取 变量 的 值 并 进行 显示 ， 代 码 如 下 : 


protected void Page_ Load(object sender, EventArgs e) 
{ 
让 (RequestQueryString["id"] = null) // 在 第 一 变量 非 空 值 时 
Response.Write(" 页 面 传递 的 第 一 个 参数 为 : "” /输出 第 一 个 变量 
+ Request.QueryString["id"].ToString() + "<br/>"); 
if (Request.QueryString["name"] != null) // 在 第 二 变量 非 空 值 时 
Response.Write(" 页 面 传递 的 第 二 个 参数 为 : " ”// 输 出 第 二 个 变量 
十 Request.QueryString["name"].ToStringO + "<br/>"); 
if (Request.QueryString["action"] != null) // 在 第 三 个 变量 非 空 值 时 
Response.Write(" 页 面 传递 的 第 三 个 参数 为 : " ”// 输 出 第 三 个 变量 
+ Request.QueryString["action"] ToString() + "<br/>"); 
i 


程序 的 运行 结果 如 图 4-1 所 示 。 
单 击 超 链接 后 的 运行 结果 如 图 4-2 所 示 。 


{Æ http//localhost:583: a = 


Eo 


) hp/localh.. W | + | 
k || http//localhost58338/Default.aspx 


| htp://localh.. W -| 好 | x IE ER 一 天 


k || httpy//localhost:58338/Default2.aspx?id=18n... | 


页 面 传递 的 第 一 个 参数 为 ， 1 
页 面 传递 的 第 二 个 参数 为 ，ASP NET4.5 
页 面 传递 的 第 三 个 参数 为 ，get 


Request Stri 


多 | 本 地 Intranet | 保护 模式 : SA fa v R100% ~ 


Q 本 地 Intranet | 保护 模式 : 蔡 用 Aa > R100% ~ 


图 4-1 运行 Default.aspx 图 4-2 Request.QueryString 的 使 用 方法 


当 使 用 Request 对 象 的 QueryString 属性 来 接收 传递 的 HTTP 值 时 , 可 以 看 到 访问 页 面 的 
路 径 为 http://localhost:58338/Default.aspx 时 , 默认 传递 的 参数 为 空 ,因为 其 路 径 中 没有 对 参数 
的 访问 。 而 当 单 击 超 链接 后 ， 访 问 的 页 面 路 径 变 为 http:/localhost:58338//Default2.aspx?id= 


1l&name=ASPNET4.S&action=get， 从 路 径 中 可 以 看 出 该 地 址 传递 了 3 个 参数 ， 这 3 个 参数 分 
别 为 id=1、name=ASP.NET4.5 以 及 action=get。 
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423 使 用 Path 属性 
通过 使 用 Path 的 方法 可 以 获取 当前 请 求 的 虚拟 路 径 ， 示 例 代码 如 下 。 
Label2.Text = Request.Path.ToString(); // 获 取 请 求 路 径 


在 应 用 程序 中 使 用 Request.Path ToString0， 就 能 够 获取 当前 正在 被 请 求 的 文件 的 虚拟 路 
径 的 值 ， 当 需要 对 相应 的 文件 进行 操作 时 ， 可 以 使 用 RequestPath 的 信息 进行 判断 。 


4.2.4 使 用 Browser 属性 


由 于 浏览 器 之 间 的 差异 ， 当 用 不 同 的 浏览 器 对 同一 网 页 进行 浏览 时 ， 可 能 导致 显示 结果 
的 不 一 致 ， 而 解决 这 种 问题 的 最 好 方法 就 是 针对 不 同 的 浏览 器 书写 不 同 的 Web 网 页 。 要 做 到 
这 一 点 ， 首 先 就 要 判断 客户 端 浏览 器 的 特性 ， 通 过 使 用 Request 对 象 的 Browser 属性 就 可 以 
方便 地 获取 客户 端 浏览 器 的 特性 ， 如 类 型 、 版 本 、 是 否 支持 背景 音乐 等 。 

语法 格式 如 下 : 


Request . Browser [" 浏 览 器 特性 名 称 "] 
常用 的 浏览 器 特性 名 称 如 表 4-4 所 示 。 
表 4-4 浏览 器 特性 名 称 


名 称 说 HB 
Browser 浏览 器 类 型 名 称 
Version 浏览 器 版 本 名 称 
MajorVersion 浏览 器 主 版 本 
MinorVersion 浏览 器 次 版 本 
Frames 是 否 支持 框架 功能 ，True 表示 支持 ，False 表示 不 支持 ， 下 同 
Tables 是 否 支持 表格 功能 
Cookies 是 否 支持 Cookies 
VBScript 是 否 支 持 VBScript 
JavaApplets 是 否 支持 Java 小 程序 
ActiveXControls 是 否 支持 ActiveX 控件 


使 用 Browser 属性 的 示例 代码 如 下 : 
Label3.Text = Request.Browser.ToString(); /获取 浏览 器 信息 


这 些 属 性 能 够 获取 服务 器 和 客户 端的 相应 信息 ， 也 可 以 通过 “?” 号 进行 HTTP 的 值 的 
传递 和 获取 。 
【 例 4-2] Request 对 象 的 Path. Browser 的 使 用 方法 。 
(1) 创建 两 个 文件 UserHostAddress.aspx 和 UserHostAddress1.aspx。 
(2) 在 UserHostAddress.aspx 中 添加 如 下 代码 : 


<a href=UserHostAddress1.aspx>UserHostAddress,Path,Brower 的 测试 </a> 


第 4 章 ASPNET 常用 内 置 对 象 “79 


(3) 在 UserHostAddressl.aspx 中 添加 如 下 代码 : 


<form id="form1" runat="server"> 
<div> 
<br/> 
Path: 
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
<br/> 
Brower:<asp:Label ID="Label3" runat="server" Text="Label"></asp:Label> 
</div> 
</form> 


(4) 在 UserHostAddressl.aspx.cs 中 添加 如 下 代码 : 


protected void Page Load(object sender, EventArgs e) 
í 
Label2.Text = Request.Path.ToString(); 
Label3.Text = Request.Browser.ToString(); 
J 


(5) 运行 结果 如 图 4-3 和 图 4-4 所 示 。 
f http://localhost:58338/UserHostAdd... EM {Æ http//localhost:58338/UserHostAdd.. ec=als lol 
G@a | htpy/localh-. W > | + | x | 图 se GO: hspylocalh。 回 “| “+ | x | 图 se 


k | http:/flocalhost:58338/UserHostAddress.... 


Path BrowerB illu 


$£ | http//localhost:58338/UserHostAddress... | 


Path: /UserHostAddress1.aspx 
Brower- System Web Mobile MobileCapabilities 


@ 本 地 Intranet | 保护 模式 禁用 组 > R100% v 


Q 本 地 Intranet | 保护 模式 禁用 fa ” R100% ~ 
图 4-3 UserHostAddress.aspx 图 4-4 单 击 超 链 接 后 


4.2.5 ”ServerVariables 属性 


利用 Request 对 象 的 ServerVariables 属性 可 以 方便 地 取得 服务 器 端 或 客户 端的 环境 变量 


守 息 ， 如 客户 端的 他 地 址 等 。 语 法 格式 如 下 : 


Request . ServerVariables [" 环 境 变 量 名 称 "] 
常用 的 环境 变量 名 称 如 表 4-5 所 示 。 
表 4-5 常用 的 环境 变量 


环境 变量 名 称 说 BB 
ALL HTTP 客户 端 浏览 器 所 发 出 的 所 有 HTTP 标题 文件 
CONTENT LENGTH 发 送 到 客户 端的 文件 长 度 
CONTENT TYPE 发 送 到 客户 端的 文件 类 型 


PATH INFO 


路 径 信 息 ， 通 常 是 将 当前 的 URL 与 查询 字符 串 组 合 在 一 起 
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( 续 表 ) 
环境 变量 名 称 说 明 
QUERY_STRING HTTP 请 求 中 问号 ? 后 的 内 容 
REMOTE_ADDR 客户 端 卫 地址 
REMOTE HOST 客户 端 主机 名 
REQUEST_METHOD 数据 请 求 的 方法 ， 对 HTTP 请 求 方式 ， 可 以 是 GET、HEAD、POST 等 
SCRIPT NAME 当前 脚本 程序 的 名 称 
SERVER_NAME 服务 器 的 主机 名 或 他 地 址 
SERVER PORT 服务 器 接受 请 求 的 TCP/IP 端口 号 ， 默 认为 80 


信息 检索 的 协议 名 称 和 版 本 
Web 服务 器 软件 的 名 称 和 版 本 
URL 的 基本 部 分 ， 不 包括 查询 字符 串 


SERVER PROTOCOL 
SERVER SOFTWARE 
URL 


4.2.6 ”ClientCertificate 属性 
如 果 客 户 端 浏览 器 支持 SSL 3.0 或 PCTI1 协议 ， 则 可 以 利用 ClientCertificate 属性 获取 当 
前 请 求 的 客户 端 安全 证 书 。 语 法 格式 如 下 : 
Request . ClientCertificate [关键 字 ] 
如 果 客 户 端 浏览 器 未 送出 身份 验证 信息 ， 或 者 服务 器 端 也 未 设置 向 客户 端 浏览 器 要 求 身 
份 验 证 的 命令 ， 那 么 将 返回 空 值 。 如 果 有 ， 将 返回 相应 的 身份 验证 信息 。 


43 Response 对 象 


Request 对 象 与 Response 对 象 就 像 一 般 程序 语言 中 的 Input 及 Output 命令 (或 函数 ) 一 样 ， 
若 要 让 ASP.NET 程序 能 够 接收 来 自前 端 用 户 的 信息 ， 或 者 想 将 信息 传递 给 前 端 ， 都 必须 依 
赖 这 两 个 对 象 。 简 言 之 ，Request 对 象 负责 ASP.NET 的 Input 功能 ， 而 Response 对 象 则 负责 
Output 功能 。 


4.3.1 Response 对 象 简介 
Response 对 象 实际 上 是 在 执行 system.web 命名 空间 中 的 HttpResponse X. CLR 会 根据 
用 户 的 请 求 信息 建立 一 个 Response 对 象 , Response 将 用 于 回应 客户 端 浏 览 器 ,告诉 浏览 器 回 


应 内 容 的 报头 、 服 务 器 端的 状态 信息 以 及 输出 指定 的 内 容 。 常 用 的 方法 和 属性 分 别 如 表 4-6 
和 表 4-7 所 示 。 


表 4-6 Response 对 象 的 方法 


Write Response 对 象 最 常用 的 方法 ， 用 来 送出 信息 给 客户 端 


Redirect 引导 客户 端 浏览 器 至 新 的 Web 页 面 
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( 续 表 ) 
方 ” 法 说 BB 
WriteFile 将 页 面 以 文件 流 的 方式 输出 到 客户 端 。 常 与 Response 对 象 的 ContentType 属性 一 起 使 用 


AppendToLog | 给 Web 服务 器 添加 日 志 信 息 
AppendHeader | 将 一 个 HTTP 头 添加 到 输出 流 
清除 缓冲 区 中 的 所 有 HTML 页 面 
Clear 语法 : Response. Clear 
此 时 ，Response 对 象 的 BufferOutput 属性 必须 被 设置 为 Trmme， 否 则 会 报错 
将 缓冲 区 的 HTML 数据 输出 到 客户 端 ， 停 止 页 面 程序 的 执行 
语法 : Response. End 
立刻 送出 缓冲 区 中 的 HTML 数据 ， 但 不 停止 页 面 程序 的 执行 

Flush 语法 : Response. Flush 

此 时 ，Response 对 象 的 BufferOutput 属性 必须 被 设置 为 Trme， 否 则 会 报错 


End 


表 4-7 Response 对 象 的 属性 
Eg 性 说 BB 
BufferOutput | 设置 Response 对 象 的 信息 输出 是 否 支 持 缓存 处 理 ， 取 值 为 True 或 False， 默 认为 Tme 


ContentType | 指定 送出 文件 的 MIME 类 型 。 默 认 文件 类 型 为 “texWHTML”， 还 有 “image/GIF”、 
“image/JPEG” 等 

Charset 设置 或 获取 文件 所 用 的 字符 集 

Cookies 获取 相应 的 Cookie 集合 


4.3.2 利用 Write 方法 输出 信息 


利用 Write 方法 就 可 以 在 客户 端 输出 信息 ， 其 语法 格式 如 下 : 
Response .Write( 变 量 数据 或 字符 串 ) 
例如 : 


Response.Write (user_name&" 您 好 ") //user_name 是 一 个 变量 ， 表 示 用 户 名 
Response.Write (" 现 在 是 : "&now0) //now0 是 时 间 函 数 
Response. Write (" 业 精 于 勤 而 荒 于 嬉 <p>") // 输 出 字符 串 


4.3.3 使 用 Redirect 方法 引导 客户 至 另 一 个 URL 位 置 
在 网 页 中 ， 可 以 利用 超 链接 引导 客户 至 另 一 个 页 面 ， 但 是 必须 要 在 客户 端 单 击 超 链接 后 
才 行 。 可 是 有 时 希望 自动 引导 (也 称 重 定向 ) 客 户 至 另 一 个 页 面 ， 而 不 需要 单 击 超 链接 。 例 如 ， 
进行 网 上 考试 时 ， 当 考试 时 间 结 束 时 ， 就 自动 引导 客户 端 至 结束 界面 。 
使 用 Redirect 方法 就 可 以 自动 引导 客户 至 另 一 个 页 面 ， 其 语法 格式 如 下 : 
Response.Redirect (网 址 变量 或 字符 串 ) 


例如 : 


Response.Redirect ("http://www.edu.cn") ”// 引 导 至 中 国教 育 网 
Response.Redirect ("index.aspx") /引导 至 网 站 内 的 另 一 个 页 面 index.aspx 
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theURL="http://www.pku.edu.cn" 
Response.Redirect (theURL) /引导 至 变量 表示 的 网 址 


4.3.4 关于 BufferOutput 属性 


BufferOutput 属性 用 于 设置 页 面 中 是 否 使 用 缓存 技术 。 页 面 中 使 用 缓存 就 是 页 面 下 载 到 
客户 端 前 ， 先 暂时 存放 在 服务 器 端的 缓冲 区 中 ， 等 到 页 面 程序 全 部 编译 成 功 后 ， 再 从 缓冲 区 
输出 到 客户 端 浏览 器 ， 这 样 可 以 加 快 用 户 浏览 页 面 的 速度 。 如 果 不 使 用 页 面 缓存 技术 ， 页 面 
将 直接 下 载 到 客户 端 浏览 器 ， 其 下 载 过 程 完全 依赖 于 网 络 速度 ， 当 页 面 下 载 量 过 大 时 ， 经 常 
会 出 现 页 面 不 能 显示 的 情况 。 

BufferOutput 属性 的 取 值 为 True 或 False， 默 认为 True。 其 语法 格式 如 下 : 

Response.BufferOutput = True | False 

【 例 4-3] 设置 不 同 的 BufferOutput 属性 ， 比 较 页 面 输出 信息 的 变化 ， 了 解 页 面 缓存 

技术 。 


(1) 创建 文件 BufferOutput.aspx。 
(2) 在 BufferOutput.aspx.cs 文件 的 ， Page_Load 函数 内 添加 如 下 代码 : 


01 Response.BufferOutput = true; /设置 BufferOutput 属性 为 True 
02 Response.Write(" 使 用 缓存 机 制 ! "+"<Br>"); /输出 页 面 信息 

03 Response.Clear(); // 清 除 缓存 区 

04 Response.BufferOutput = false; /设置 BufferOutput 属性 为 False 
05 Response.Write(" 不 使 用 缓存 机 制 ! "+ "<Br>"); /输出 页 面 信息 

06 Response.Clear(): // 清 除 缓存 区 


浏览 该 页 面 ， 结 果 如 图 4-5 所 示 。 

上 面 第 01 行 设置 BufferOutput 属性 为 True， 
即将 输出 信息 暂 存 到 缓冲 区 中 。 第 02 行 输出 页 面 
舍 息 ， 这 时 该 输出 信息 先 存储 到 缓冲 区 中 。 由 于 第 
03 行 清 除 缓存 ， 所 以 第 02 行 已 存储 到 缓冲 区 的 信 
息 被 清除 , 结果 没有 输出 该 页 面 信息 。 第 04 行 代码 | 
设置 BufferOutput 属性 为 False, 即 输出 信息 不 用 先 ”| G ç wam s 
存储 到 缓冲 区 。 虽然 在 第 06 行 中 清除 缓冲 区 , 但 由 图 4-5 BuífferOutput 属性 示例 
于 输出 信息 没有 存储 到 缓冲 区 ， 所 以 该 命令 不 影响 
第 05 行 代码 输出 页 面 信息 。 


435 输出 缓存 资料 


输出 缓存 资料 就 是 不 等 页 面 完 全 编译 存储 到 缓冲 区 ， 就 可 以 中 途 将 缓存 资料 和 输出。 如 果 
页 面 的 数据 资料 太 大 ， 就 需要 中 途 将 缓存 的 资料 输出 ， 清 空 缓存 ， 以 方便 页 面 继续 存储 到 组 
存 中 。 

Response 对 象 可 通过 Flush, End 方法 将 缓冲 区 中 的 数据 得 出 显示 到 客户 端 , 但 Flush Jy 
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法 没有 停止 页 面 程 序 的 执行 ， 而 End 方 法 则 会 停止 页 面 程 序 的 执行 。 
【 例 4-4】 下 面 通过 一 个 具体 的 实例 来 对 Flush 和 End 两 种 方法 进行 比较 。 
(1) 创建 文件 FlushandEnd.aspx。 
(2) 在 FlushandEnd.aspx.cs 文件 的 ，Page Load 函数 内 添加 如 下 代码 : 


01 ”Response .Write ("这 是 第 一 句 <br>"); // 输 出 第 一 句 

02 Response.Flush(); // 执 行 Flush 方法 
03 ”Response .Write ("这 是 第 二 句 <br>"); // 输 出 第 二 句 

04 Response.End(); // 执 行 End 方法 
05 ”Response.Write ("这 是 第 三 句 <br>"); // 输 出 第 三 句 


浏览 该 页 面 ， 结 果 如 图 4-6 所 示 。 i 
在 执行 第 02 行 代码 之 后 ， 还 可 以 执行 第 {Æ hrap/localbosr58338/Flushandend.- ll 
03 行 代码 , 输出 “这 是 第 二 句 ”， 这 说 明 Fush | GO ac 9 c |o] x == 
方法 没有 终止 后 面 程序 的 执行 .执行 第 04 行 代 | ee | 


码 之 后 ， 却 没有 输出 “这 是 第 三 句 ”， 这 说 明 2g 


执行 End 方法 之 后 ， 终 止 了 后 面 程序 的 执行 。 


4.3.6 ”WriteFile 方法 A 


图 4-6 Response.End 方法 示例 
Response 对 象 的 WriteFile 方 法 与 Write 方 


法 一 样 ， 都 是 向 客户 端 输 出 数据 。Wirite 方法 是 输出 该 方法 中 带 的 字符 串 ， 而 WriteFile 方法 
则 可 以 输出 三 进 制 信息 ， 它 不 进行 任何 字符 转换 ， 直 接 输 出 。 其 语法 格式 如 下 : 
Response.WriteFile (变量 或 字符 串 ) 
如 下 面 的 例子 将 显示 一 张 图 片 : 


Response.ContentType ="image/JPEG": // 定 义 文件 类 型 
Response. WriteFile ("Example.jpg"); // 输 出 图 片 文件 


4.4 Cookie 对 象 


Cookie 是 服务 器 为 用 户 访问 而 存储 的 特定 信息 , 是 一 个 保存 在 用 户 硬盘 上 的 普通 文本 文 
件 。 这 些 特定 信息 包括 用 户 的 注册 名 、 用 户 上 次 访问 的 页 面 、 用 户 的 首选 项 等 。 当 用 户 再 次 
访问 该 网 站 时 ， 网 站 将 从 这 个 Cookie 中 自动 读 取 这 些 信息 ， 从 而 确认 用 户 的 身份 。 


4.4.1 Cookie 对 象 简介 


Cookie 对 象 是 由 System.Web. HttpCookie 类 实现 的 ， 是 一 种 可 以 在 客户 端 保存 信息 的 方 
法 。Cookie 对 象 保存 在 客户 端 ， 使 用 Cookie 对 象 能 够 持久 化 的 保存 用 户 信息 ， 所 以 Cookie 
对 象 能 够 长 期 保存 。Web 应 用 程序 可 以 通过 获取 客户 端的 Cookie 信息 来 判断 用 户 的 身份 进 
行 认证 。 
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由 于 HTTP 协议 是 一 个 无 状态 的 协议 ， 所 以 ， 对 于 页 面 的 每 一 次 请 求 ， 都 被 看 做 是 一 次 
新 的 会 话 。 这 样 就 无 法 知道 用 户 最 近 都 访问 了 哪些 页 面 ， 这 对 于 那些 需要 获取 用 户 身份 才能 
工作 下 去 的 应 用 来 说 十 分 不 方便 。 而 Cookie 作为 用 户 和 服务 器 之 间 进 行 交 换 的 小 段 信息 , 可 
以 弥补 HITP 协议 的 这 一 缺陷 。 

用 户 每 次 访问 站 点 时 ，Web 应 用 程序 都 可 以 读 取 Cookie 信息 。 当 用 户 请 求 站 点 中 的 页 
面 时 ， 应 用 程序 发 送 给 该 用 户 的 不 仅仅 是 一 个 页 面 ， 还 有 一 个 包含 日 期 和 时 间 的 Cookie, HI 
户 的 浏览 器 在 获取 页 面 的 同时 也 获得 了 该 Cookie， 并 将 它 存 储 在 用 户 本 地 磁盘 中 。 以 后 ， 如 
果 该 用 户 再 次 请 求 站 点 中 的 页 面 ， 当 该 用 户 输入 URL 时 ， 浏 览 器 便 会 在 本 地 硬盘 中 查找 与 
该 URL 关联 的 Cookie。 比 如 当 用 户 登录 某 些 网 站 的 邮箱 后 ， 如 果 在 Cookie 中 记录 了 用 户 名 
信息 ， 那 么 在 Cookie 信息 失效 以 前 ， 该 用 户 在 同一 台 计算 机 再 次 登录 时 就 不 需要 提供 用 户 
名 了 。 

Cookie 有 两 种 形式 : 会 话 Cookie 和 永久 Cookie。 会 话 Cookie 是 临时 性 的 ， 只 有 浏览 
打开 时 才 存在 ， 一 旦 会 话 结束 或 超时 ， 这 个 Cookie 就 不 存在 了 。 永 久 Cookie 则 是 永久 性 地 
存储 在 用 户 的 硬盘 上 ， 并 在 指定 的 日 期 之 前 一 直 有 效 。 相 比 于 Session 和 Application 而 言 (后 
面 将 会 介绍 )，Cookie 有 如 下 优点 。 

e 可 以 配置 到 期 的 规则 Cookie 可 以 在 浏览 器 会 话 结束 后 立即 到 期 ， 也 可 以 在 客户 端 

中 无 限 保存 。 

o 简单 :Cookie 是 一 种 基于 文本 的 轻 量 级 结构 ， 包 括 简单 的 键 值 对 。 

o 数据 持久 性 : Cookie 能 够 在 客户 端 长 期 进行 数据 保存 。 

e 无 需 任何 服务 器 资源 :Cookie 无 需 任何 服务 器 资源 ， 存 储 在 本 地 客户 端 中 。 

虽然 Cookie 具有 若干 优点 ， 这 些 优点 能 够 弥补 Session IRAI Application 对 象 的 不 足 ， 
但 是 Cookie 对 象 同 样 有 如 下 缺点 。 

e° 大 小 限制 。Cookie 有 大 小 限制 ， 并 不 能 无 限 保 存 Cookie 文件 。 大 多 数 浏览 器 支持 最 

多 可 达 4096 字 节 的 Cookie。 浏览 器 还 限制 了 站 点 可 以 在 用 户 计算 机 上 保存 的 Cookie 
数 。 大 多 数 浏览 器 只 允许 每 个 站 点 保存 20 个 Cookie。 如 果 试 图 保存 更 多 的 Cookie, 
则 最 先 保存 的 Cookie 就 会 被 删除 。 还 有 些 浏 览 器 会 对 来 自 所 有 站 点 的 Cookie 总 数 作 
出 限制 ， 这 个 限制 通常 为 300 个 。 

° 不 确定 性 。 如 果 客 户 端 配 置 为 禁用 Cookie, J) Web 应 用 中 使 用 的 Cookie 将 被 限制 ， 

客户 端 将 无 法 保存 Cookie。 

e° 安全 风险 。 现 在 有 很 多 的 软件 能 够 伪装 Cookie， 这 意味 着 保存 在 本 地 的 Cookie 并 不 

安全 ，Cookie 能 够 通过 程序 修改 来 伪造 ， 这 会 导致 Web 应 用 在 认证 用 户 权限 时 出 现 
错误 。 

在 Windows 9X 系统 计算 机 中 ，Cookie 文件 的 存放 位 置 为 CXWindows/Cookies， 在 
Windows NT/2000/XP 系统 计算 机 中 ，Cookie 文件 的 存放 位 置 为 C:/Documents and Settings/ 用 
户 名 /Cookies。Internet Explorer 将 站 点 的 Cookie 保存 的 文件 名 的 格式 为 : 用 户 名 @ 网 站 地 址 
[数字 ].txt。 打 开 Cookie 文件 时 ， 经 常会 发 现 文件 的 内 容 是 一 串 无 意义 的 字符 。 这 是 因为 多 数 
情况 下 ，Cookie 会 以 某 种 方式 进行 加 密 和 解密 。 
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4.4.2 Cookie 对 象 的 属性 和 方法 


Cookie 对 象 的 主要 属性 如 下 。 

e Name: 获取 或 设置 Cookie 的 名 称 。 

e Value: 获取 或 设置 Cookie 的 Value. 

e Expires: 获取 或 设置 Cookie 的 过 期 日 期 和 事件 。 

e Version: 获取 或 设置 符合 HTTP 维护 状态 的 Cookie 版 本 。 
Cookie 对 象 的 主要 方法 如 下 。 

e Add: 增加 Cookie 变量 。 

Clear: 清除 Cookie 集合 内 的 变量 。 

Get: 通过 变量 名 称 或 索引 得 到 Cookie 的 变量 值 。 
Remove: 通过 Cookie 变量 名 称 或 索引 删除 Cookie 对 象 。 
Set: 用 于 更 新 Cookie 的 变量 值 。 


4.4.3 Cookie 对 象 的 使 用 


浏览 器 负责 管理 用 户 系 统 上 的 Cookie. ASP.NET 包含 两 个 内 部 Cookie RA: Request 
对 象 的 Cookies 集合 和 Response 对 象 的 Cookies 集合 。Cookie 通过 Response 对 象 发 送 到 浏 
览 器 。 创 建 Cookie 时 ， 需 要 指定 Name 属性 和 Value 属性 。 每 个 Cookie 必须 有 一 个 唯一 的 
名 称 ， 以 便 以 后 从 浏览 器 读 取 Cookie 时 可 以 识别 它 。 由 于 Cookie 按 名 称 存储 ， 因 此 用 相同 
的 名 称 命名 两 个 Cookie 会 导致 其 中 一 个 Cookie 被 覆盖 。 

有 两 种 方法 可 以 向 用 户 计算 机 中 写 入 Cookie。 可 以 直接 为 Cookies 集合 设置 Cookie 属性 ， 
也 可 以 创建 HttpCookie 对 象 的 一 个 实例 并 将 该 实例 添加 到 Cookies 集合 中 。 下 面 的 代码 演示 
了 两 种 编写 Cookie 的 方法 。 


Response.Cookies["userName"]. Value = "patrick"; 
Response.Cookies["userName"].Expires = DateTime.Now.AddDays(1); 


或 


HttpCookie MyCookie =new HttpCookie("MyCookie "); 

MyCookie. Value = Server.HtmlEncode(" 一 个 Cookie 应 用 程序 "); /设置 Cookie 的 值 
MyCookie.Expires = DateTime. Now. AddDays(5): // 设 置 Cookie 过 期 时 间 
Response.Cookies. Add(MyCookie): // 新 增 Cookie 


也 可 以 用 Response 对 象 的 AppendCookie 方法 进行 Cookie 对 象 的 创建 , 修改 最 后 一 行 代 
码 如 下 。 
HttpCookie MyCookie =new HttpCookie("MyCookie "); 
MyCookie.Value = Server.HtmlEncode(" 一 个 Cookie 应 用 程序 "); — // 设 置 Cookie 的 值 


MyCookie.Expires = DateTime.Now.AddDays(5); // 设 置 Cookie 过 期 时 间 
Response. AppendCookie(MyCookie); 


此 示例 向 Cookies 集合 添加 了 两 个 Cookie, 一 个 名 为 userName， 男 一 个 名 为 MyCookie。 
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对 于 第 一 个 Cookie，Cookies 集合 的 值 是 直接 设置 的 。 对 于 第 二 个 Cookie， 代 码 创 建 了 一 个 
HttpCookie 类 型 的 对 象 实例 ， 设 置 其 属性 ， 然 后 通过 Add 方法 或 AppendCookie 方法 将 其 添 
加 到 Cookies 集合 中 。 在 实例 化 HttpCookie 对 象 时 ， 必 须 将 该 Cookie 的 名 称 作 为 构造 函数 的 
一 部 分 进行 传递 。 

浏览 器 向 站 点 发 出 请 求 时 ， 会 随 请 求 一 起 发 送 该 站 点 的 Cookie. fE ASP.NET 应 用 程序 
中 ， 可 以 使 用 Request 对 象 读 取 Cookie， 并 且 读 取 方 式 与 将 Cookie 写 入 Response 对 象 的 方 
式 基 本 相同 。 下 面 的 代码 示例 演示 了 两 种 方法 ， 通 过 这 两 种 方法 可 以 获取 名 为 username 的 
Cookie 的 值 ， 并 将 其 显示 在 Label 控件 中 。 


if (Request.Cookies["userName"] != null) 
Labell.Text = Server.HtmlEncode(Request.Cookies["userName"].Value); 


或 


if (Request.Cookies["userName"] != null) 
{ 
HttpCookie MyCookie = Request.Cookies["userName"]; 
Labell.Text = Server.HtmlEncode(MyCookie. Value); 
} 
在 尝试 获取 Cookie 的 值 之 前 ， 应 确保 该 Cookie 存在 ; 如 果 该 Cookie 不 存在 ,将 会 收 到 
NullReferenceException 异常 。 
【 例 4-5】Cookie 的 使 用 。 
(1) 创建 Cookie.aspx 页 面 。 
(2) 在 Cookie.aspx.cs 中 添加 代码 ,创建 一 个 Cookie， 当 下 次 客户 登录 时 获取 到 上 次 写 入 
的 Cookie 信息 。 代 码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
{ 
try 
{ 
HttpCookie MyCookie = new HttpCookie("MyCookie "); // 创 建 Cookie 对 象 
MyCookie.Value = Server.HtmlEncode(" 一 个 Cookie 应 用 程序 ");//Cookie 赋值 
MyCookie.Expires = DateTime.Now.AddDays(5);//Cookie 持续 时 间 
Response.AppendCookie(MyCookie): // 添 加 Cookie 
Response.Write("Cookies 创建 成 功 "): // 输 出 成 功 
Response.Write("<hr/> 获 取 Cookie 的 值 <hr/>"); 
HttpCookie GetCookie = Request.Cookies["MyCookie"];// 获 取 Cookie 
// 输 出 Cookie 值 
Response. Write("Cookies 的 值 :" + GetCookie. Value.ToStringO + "<br/>"); 
Response.Write(" 当 前 时 间 : " + DateTime Now.ToStringO+ "<br/>"); 
Response.Write("Cookies 的 过 期 时 间 :" + MyCookie.Expires.ToString() +"<br/>"); 
// 从 当前 运行 时 间 计 算 5 天 后 过 期 


catch 
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Response.Write("Cookies 创建 失败 "): // 抛 出 异常 
} 


(3) 用 户 第 一 次 登录 网 站 时 ， 运 行 结果 如 图 4-7 所 示 ， 获 取 Cookie 信息 时 出 错 ， 抛 出 异 
常 错误 ， 这 是 第 一 次 运行 写 入 ， 当 下 次 运行 或 者 刷新 页 面 时 ， 将 看 到 如 图 4-8 所 示 的 结果 ， 
将 上 一 次 写 入 到 Cookie wk U 


* lı httpy/ocalhost58338/Coolie.aspx 


e 1 httpy/ocalhost58338/Coolie.aspx 


Cookies 创建 成 功 
获取 Cookie 的 值 
Cookies 的 值 一 个 Cookie 应 用 程序 


当前 时 间 : 2014/2/11 20:58:52 
Cookies 的 过 期 时 间 :2014/2/16 20:58:52 


Cookies 创建 成 功 
获取 Cookie 的 值 
Cookies 创建 失败 


fù v R100% ~ 


图 4-7 程序 第 一 次 运行 图 4-8 再 次 运行 程序 


| Q 本 地 Intranet | 保护 模式 : 禁用 f > R100% ~ ] 


44.4 检测 用 户 是 否 启用 了 Cookie 


对 于 程序 设计 人 员 来 说 , 获取 客户 是 否 启用 了 Cookie 功能 是 十 分 重要 的 , 因为 客户 可 以 
通过 设置 浏览 器 的 功能 来 禁用 Cookie。 如 果 用 户 禁 止 使 用 Cookie， 那 么 对 于 使 用 了 Cookie 
功能 的 网 页 就 可 能 出 现 错误 。 

例如 ， 用 户 禁 止 使 用 Cookie， 而 网 页 的 程序 设计 却 使 用 Cookie 来 记录 用 户 的 某 些 爱好 ， 
用 户 花 了 很 长 时 间 来 设 定 自己 的 爱好 , 但 是 下 次 再 访问 的 时 候 ， 以 前 的 设置 都 没有 保存 下 来 ， 
这 会 让 用 户 感到 困惑 。 所 以 ， 在 用 户 禁 止 了 这 个 功能 的 时 候 ， 网 页 程序 应 该 能 够 检测 出 来 并 
告知 用 户 产 生 问题 的 原因 ， 同 时 提示 用 户 重新 设置 Cookie 的 值 。 最 直接 的 检测 方法 就 是 在 客 
户 端 保存 一 个 Cookie， 然 后 立即 访问 这 个 Cookie。 如 果 这 个 Cookie 的 值 与 原来 保存 的 值 相 
EJ, WH Cookie 没有 被 禁止 ， 否 则 ， 就 说 明 客 户 禁止 了 Cookie. 

另外 ， 需 要 注意 的 是 ， 虽 然 Cookie 在 应 用 程序 中 非常 有 用 ， 但 应 用 程序 不 应 只 依赖 
Cookie， 不 要 使 用 Cookie 支持 关键 功能 。 这 是 因为 用 户 可 能 随时 清除 其 计算 机 上 的 Cookie。 
即便 存储 的 Cookie 距 到 期 日 期 还 有 很 长 时 间 ， 但 用 户 还 是 可 以 决定 删除 所 有 Cookie， 清 除 
Cookie 中 存储 的 所 有 信息 。 


4.5 Session 对 象 


在 上 网 时 ， 可 以 利用 超 链接 方便 地 从 一 个 页 面 跳 转 到 另 一 个 页 面 。 但 是 这 样 也 带 来 一 个 
问题 ， 怎 样 记载 客户 的 信息 呢 ? 例如 ， 用 户 在 首页 输入 了 自己 的 用 户 名 和 密码 ， 如 果 在 其 他 
页 面 还 要 使 用 该 用 户 名 ， 那 么 怎样 记 住 用 户 在 首页 输入 的 用 户 名 呢 ? 

至 今 为 止 ， 主 要 有 以 下 两 种 方法 。 
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° 利用 Request 对 象 的 QueryString 方法 一 页 一 页 地 传 过 去 。 这 种 方法 的 缺点 是 太 麻 烦 。 
° 利用 Cookies 保存 用 户 名 。 
下 面 再 来 学 习 一 种 更 简洁 的 方法 : 利用 Session( 会 话 ) 对 象 。 


4.5.1 Session 对 象 简介 


Session 对 象 是 由 System .Web .HttpSessionState 类 实现 的 ， 是 HttpSessionState 类 的 一 个 
实例 ,Session 是 用 来 存储 跨 页 程序 的 变 
量 或 对 象 ， 用 来 记载 特定 客户 的 信息 。 
即使 该 客户 从 一 个 页 面 跳 转 到 另 一 个 页 
面 ， 该 Session 信息 仍然 存在 ， 客 户 在 E 
该 网 站 的 任何 一 个 页 面 都 可 以 存 取 am nm 


1 ; š 
Session 信息 。Session 对 象 变量 只 针对 
单一 网 页 的 使 用 者 ， 也 就 是 说 ， 各 个 机 - Sp 
器 之 间 的 Session 对 象 不 尽 相同 。 如 图 国 Seaan 


4-9 所 示 。 

需要 特别 强调 的 是 : Session 信息 是 对 一 个 客户 的 ， 不 同 客户 的 信息 用 不 同 的 Session 对 
象 记载 。 例 如 ， 用 户 A 和 用 户 B， 当 用 户 A 访问 该 Web 应 用 时 ， 应 用 程序 可 以 显 式 的 为 该 
用 户 增加 一 个 Session 值 ， 同 样 地 ， 用 户 B 访 问 该 Web 应 用 时 ， 应 用 程序 又 为 用 户 B 增加 一 
个 Session 值 。 

Session 的 工作 原理 还 是 比较 复杂 的 。 当 客户 端 第 一 次 访问 一 个 应 用 程序 时 ，ASPNET 
会 自动 产生 一 个 长 整数 SessionID， 并 把 这 个 SessionID 存放 在 客户 端的 Cookies 内 。 当 客户 
端 再 次 访问 该 应 用 程序 时 ，ASPNET 会 去 检查 客户 端的 SessionTD， 并 返回 该 SessionID 对 应 
的 Session 信息 。 如 果 客 户 端 不 支持 Cookies, ASP.NET 将 把 SessionID 存储 在 每 个 链接 的 URL 
中 ， 来 确保 Session 的 正常 运行 。 

Session 对 象 的 属性 主要 如 下 。 

è SessionID: 对 于 不 同 的 用 户 会 话 ，SessionID 是 唯一 的 ， 其 为 只 读 属性 。 

© IsNewSession: 如 果 用 户 访问 页 面 时 是 创建 新 会 话 ， 则 此 属性 将 返回 tue， 否 则 将 返 
回 false。 

e Timeout: Session 的 有 效 期 时 长 ， 即 一 个 会 话 结束 之 前 会 等 待 用 户 没 有 任何 活动 的 最 

长 时 间 ， 默 认为 20 分 钟 。 

e Keys: 根据 索引 号 获取 变量 值 。 

e Count: 获取 会 话 状态 集合 中 的 项 数 。 

Session 对 象 的 方法 主要 如 下 。 

e Abandon: 清除 Session 对 象 。 

e Add: 创建 一 个 Session 对 象 。 

o Clear: 此 方法 将 清除 全 部 的 Session 对 象 变 量 ， 但 不 结束 会 话 。 

常用 的 事件 有 Session OnStart( 在 开始 一 个 新 会 话 时 触发 ) 和 Session OnEnd( 在 会 话 被 放 
弃 或 过 期 时 触发 )， 需 要 和 后 面 介绍 的 Globalasax 文件 结合 使 用 。 
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4.5.2 Session 对 象 的 使 用 


利用 Session 存储 信息 其 实 很 简单 ， 可 以 把 变量 或 字符 串 等 信息 很 容易 地 保存 在 Session 
中 。Session 对 象 可 以 不 需要 Add 方法 进行 创建 ， 而 直接 使 用 下 面 的 语法 结构 进行 创建 。 
Session ["Session 名 字 "] = 变量 、 常 量 、 字 符 串 或 表达 式 
例如 : 
Session ["user name"] =name 


Session ["age"] =22 
Session ["company"] = "IBM" 


注意 : 

第 一 次 给 一 个 Session 赋值 时 即 自动 创建 Session 对 象 , 以 后 再 赋值 就 是 更 改 其 中 的 值 了 。 

读 取 Session 的 语法 也 很 简单 ， 只 要 将 Session["Session 名 字 "] 像 一 个 变量 一 样 使 用 就 可 
以 了 。 不 过 ， 如 果 读 取 一 个 不 存在 的 Session， 将 返回 Nothing. 


4.5.3 Session_Start 和 Session_End 事件 


Session Start 事件 在 Session 对 象 开始 时 被 触发 。 通过 Session Start 事件 可 以 统计 应 用 程 
序 当 前 访问 的 人 数 ， 同 时 也 可 以 进行 一 些 与 用 户 配置 相关 的 初始 化 工作 ， 示 例 代码 如 下 。 


protected void Session Start(object sender, EventArgs e) 
{ 
Application ["online"] = Application ["online"]+1;// 在 线 人 数 加 1 
} 
与 之 相反 的 是 Session End 事件 , 当 Session 对 象 结束 时 则 会 触发 该 事件 。 当 使 用 Session 
对 象 统计 在 线 人 数 时 ， 可 以 通过 Session End 事件 减少 在 线 人 数 的 统计 数字 ， 同 时 也 可 以 对 
用 户 配置 进行 相关 的 清理 工作 。 示 例 代 码 如 下 。 


protected void Session End(object sender, EventArgs e) 


f 
Application ["online"] = Application ["online"]-1;// 在 线 人 数 减 1 


当 用 户 离开 页 面 或 者 Session 对 象 生命 周期 结束 时 被 触发 , 可 以 在 Session End 中 清除 用 
户 信 息 进行 相应 的 统计 操作 。 


4.5.4 Timeout 属性 


Session 对 象 是 不 是 一 直 有 效 呢 ? 不 是 的 ，Session 对 象 有 它 的 有 效 期 ， 默 认为 20 分 钟 。 
客户 端 如 果 超 过 20 分 钟 没有 和 服务 器 端 进行 交互 (比如 开 着 计算 机 离开 了 ) 或 者 关闭 了 浏览 
器 ， 服 务 器 就 会 销毁 这 些 Session 对 象 ， 以 释放 Session 对 象 所 占用 的 内 存 空间 。 

很 多 时 候 需 要 修改 Session 对 象 的 有 效 期 ， 比 如 在 网 上 考试 时 ， 可 能 考生 打开 试卷 后 90 
分 钟 后 才 会 递交 试卷 ， 就 希望 将 有 效 期 改 成 90 分 钟 。 这 时 就 要 用 到 Timeout 属性 ， 语 法 格式 
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如 下 。 
Session .Timeout = 整数 (分 钟 ) 
例如 : 


Session.Timeout = 90 // 将 有 效 期 改 为 90 分 钟 


注意 : 
在 使 用 Session 对 象 时 ， 经 常会 发 生 错误 ， 比 如 丢失 了 用 户 名 等 信息 ， 就 是 因为 有 效 期 
的 问题 。 


4.5.5 Abandon 方法 
一 旦 调用 Abandon 方法 ,当前 会 话 就 不 再 有 效 , 同时 会 启动 新 的 会 话 。 其 语法 格式 如 下 。 


Session.Abandon() 
例如 : 


Session ["user_name"] = " 晓 晓 " 
Session.Abandon() 


4.5.6 Session 对 象 的 注意 事项 


状态 服务 器 是 ASPNET 中 引入 的 一 个 新 对 象 ， 它 可 以 单独 存储 Session 对 象 的 内 容 ， 即 
使 ASP.NET 服务 器 进程 失败 ， 状 态 服务 器 也 可 以 保存 和 管理 这 些 Session 信息 。 

无 论 使 用 什么 方法 ， 都 会 使 用 服务 器 的 资源 来 存储 Session 信息 。 当 服务 器 负载 不 大 时 ， 
使 用 Session 对 象 的 方法 保存 用 户 信息 是 十 分 有 效 的 。 但 是 ， 当 服务 器 的 负载 过 大 时 ， 这 种 
方法 就 会 加 重 服务 器 的 负担 。 对 于 一 个 在 线 人 数 上 百 万 的 网 站 来 说 ， 为 每 个 用 户 维护 一 定数 
量 的 会 话 信息 ， 会 占用 巨大 的 服务 器 资源 。 所 以 ， 在 确定 是 否 使 用 Session 对 象 时 ， 要 仔细 
考虑 这 些 内 容 ， 才 能 保证 网 站 资源 的 有 效 利用 。 


4.6 Application 对 象 


Application 对 象 是 HttpApplication 类 的 实例 , 将 在 客户 端 第 一 次 从 某 个 特定 的 ASPNET 
应 用 程序 虚拟 目录 中 请 求 任何 URL 资源 时 创建 .对 于 Web 应 用 上 的 每 个 ASPNET 应 用 程序 
都 要 创建 一 个 单独 的 实例 ， 然 后 通过 内 部 Application 对 象 公开 对 每 个 实例 进行 引用 。 

Application 对 象 主要 用 于 在 线 人 数 统计 、 创 建 聊 天 室 、 读 取 数 据 库 中 的 数据 等 。 
Application 对 象 最 典型 的 应 用 是 聊天 室 ， 大 家 的 发 言 都 存放 到 一 个 Application 对 象 中 ， 彼 此 
就 可 以 看 到 其 他 人 的 发 言 内 容 了 。 
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4.6.1 Application 对 象 简介 


Application 对 象 由 System .Web . HttpApplicationState 类 实现 ， 用 来 保存 所 有 客户 的 公 
信息 。Application 的 原理 是 在 服务 器 端 建立 一 个 状态 变量 来 存储 所 需 的 信息 。 需要 注意 的 是 ， 
首先 ， 这 个 状态 变量 是 建立 在 服务 器 的 内 存 中 的 ; 其 次 ， 这 个 状态 变量 可 以 被 网 站 的 所 有 用 
户 访问 。 

从 Web 站 点 的 主 目录 开始 ， 每 个 目录 和 子 目 录 都 可 以 作为 一 个 Application 对 象 。 只 要 
在 一 个 目录 中 没有 找到 其 他 的 Application 对 象 , 那么 该 目录 中 的 每 一 个 文件 和 子 目 录 都 是 这 
个 Application 对 象 的 一 部 分 。 

Application 对 象 是 应 用 程序 级 的 对 象 ， 用 来 存储 ASPNET 应 用 程序 中 多 个 会 话 和 请 求 
之 间 的 全 局 共享 信息 ， 与 此 相反 ，Session 对 象 可 以 记载 特定 客户 的 信息 。 简 而 言 之 ， 不 同 的 
客户 可 以 访问 公共 的 Application 对 象 ， 但 必须 访问 不 同 的 Session 对 象 。 

Application 对 象 不 像 Session 对 象 那样 有 有 效 期 的 限制 ， 从 该 应 用 程序 启动 直到 该 应 用 
程序 停止 ，Application 对 象 是 一 直 存在 的 。 如 果 服 务 器 重新 启动 ， 那 么 Application 对 象 中 的 
信息 就 丢失 了 。 

Application 对 象 具 有 如 下 特性 。 

o 数据 可 以 在 Application 对 象 内 进行 数据 共享 , 一 个 Application 对 象 可 以 覆盖 多 个 

用 户 。 

° Application 对 象 可 以 用 Internet 服务 管理 器 来 设置 而 获得 不 同 的 属性 。 

o 单独 的 Application 对 象 可 以 隔离 出 来 并 运行 在 内 存 之 中 。 

e 可 以 停止 一 个 Application 对 象 而 不 会 影响 其 他 Application 对 象 。 

Application 常用 的 属性 有 以 下 6 个 。 

è AllKeys: 获取 访问 HttpApplicationState 集合 的 所 有 键 。 

Contents: 获取 HttpApplicationState 对 象 的 引用 。 

Count: 获取 HttpApplicationState 集合 的 数量 。 

Item: 通过 名 称 和 索引 访问 HttpApplicationState 集合 。 

Keys: 获取 访问 HttpApplicationState 集合 的 所 有 键 ,从 NameObjectCollectionBase 
© StaticObjects: 获取 所 有 使 用 <object 忆 标签 声明 的 应 用 程序 集 对 象 。 
Application 对 象 也 有 它 的 事件 和 方法 。 方 法 主要 有 下 面 5 个。 

e@ Lock: 锁定 Application 对 象 以 促进 访问 同步 。 

e@ Unlock: 解除 锁定 。 

e Add: 新 增 一 个 Application 对 象 变 量 。 

e@ Clear: 清除 全 部 的 Application 对 象 变量 。 

e@ Remove: 使 用 变量 名 称 移 除 一 个 Application 对 象 变 量 。 


4.6.2 ”利用 Application 对 象 存储 信息 


Application 的 使 用 方法 可 以 把 变量 、 字 符 串 等 信息 很 容易 地 保存 在 Application 中 。 语 法 
格式 如 下 。 
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Application ["Application 名 字 "]= 变量 、 常 量 、 字 符 串 或 表达 式 
将 信息 保存 到 Application 中 的 方法 主要 有 以 下 两 种 。 
(1) 可 以 通过 使 用 Application 对 象 的 方法 对 Application 对 象 进行 操作 , 其 中 使 用 Add Jy 
法 能 够 创建 Application 对 象 ， 示 例 代 码 如 下 。 
Application.Add("App", "Myname"); // 增 加 Application 对 象 App 
Application.Add("App1", "MyValue"); // 增 加 Application 对 象 Appl 
如 果 需 要 使 用 Application 对 象 , 可 以 通过 索引 Application 对 象 的 变量 名 进行 访问 , 代码 
如 下 。 


Response. Write(Application["App1"].ToString0); // 输 出 Application 对 象 


Application 对 象 通常 可 以 用 来 统计 在 线 人 数 。 在 页 面 加 载 后 可 以 通过 配置 文件 使 用 
Application 对 象 的 Add 方法 创建 Application 对 象 。 当 用 户 离开 页 面 时 ， 可 以 使 用 Application 
对 象 的 Remove 方法 移 除 Application 对 象 。 代 码 如 下 。 


Application.Remove(" App"); 


(2) 可 以 直接 把 变量 、 字 符 串 等 信息 保存 在 Application 中 ， 当 Web 应 用 不 希望 用 户 在 客 
户 端 修改 已 经 存在 的 Application 对 象 时 ， 可 以 使 用 Lock 对 象 进行 锁定 ， 当 执行 完 相应 的 代 
码 块 后 可 以 解锁 。 示 例 代 码 如 下 。 


Application .Lock( ); 
Application ["user_name"] = uname; /将 user_name 变量 存 入 Application 
Application .Unlock( ); 


注意 : 

Lock 方法 和 Unlock 方法 是 非常 重要 的 ， 因 为 任何 客户 都 可 以 存 取 Application 对 象 。 如 
果 正 好 有 两 个 客户 同时 更 改 一 个 Application 对 象 的 值 怎么 办 ? 这 时 ， 就 可 以 利用 Lock 方法 
先 将 Application 对 象 锁定 ， 以 防止 其 他 客户 更 改 。 更 改 后 ， 再 利用 Unlock 方法 解除 锁定 。 
不 过 ， 读 取 Application 对 象 时 就 没 必要 这 样 了 。 

注意 : 

Session 对 象 和 Application 对 象 都 能 够 进行 在 应 用 程序 中 对 在 线 人 数 或 应 用 程序 的 统计 
和 计算 。 在 选择 对 象 时 ， 可 以 按照 具体 的 应 用 要 求 (特别 是 对 象 生命 周期 的 要 求 )， 选 择 不 同 
的 内 置 对 象 。 


4.7 Server 对 象 


Server 对 象 是 HttpServerUtility 的 一 个 实例 , 该 对 象 提供 了 对 服务 器 上 的 方法 和 属性 进行 
访问 。Server 对 象 是 专 为 处 理 服务 器 上 的 特定 任务 而 设计 的 ， 特 别 是 与 服务 器 的 环境 和 处 理 
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活动 有 关 的 任务 。 
4.7.1 Server 对 象 简介 


Server 对 象 提供 了 一 些 非常 有 用 的 属性 和 方法 ， 主 要 用 于 创建 COM 对 象 和 Scripting 组 
件 、 转 化 数据 格式 、 管 理 其 他 页 的 执行 。 语 法 格式 如 下 。 


Server. 方 法 (变量 或 字符 串 ) 
Server. 属 性 = 属性 值 


Server 对 象 的 常用 属性 和 方法 分 别 如 表 4-8 和 表 4-9 所 示 。 
表 4-8 Server 对 象 的 属性 


ScriptTimeout 规定 脚本 文件 的 最 长 执行 时 间 ， 超 过 时 间 就 停止 执行 脚本 ， 以 秒 计 
MachineName 获取 远程 服务 器 的 名 称 


表 4-9 Server 对 象 的 方法 


为 “法 说 BB 
CreateObject 创建 COM 对 象 的 一 个 服务 器 实例 
HIMLEncode 将 字符 串 转 换 为 HTML 格式 输出 
HTMLDecode 与 HTMLEncode 相反 ， 还 原 为 原来 的 字符 串 
URLEncode 将 字符 串 转换 为 URL 的 编码 输出 
URLDecode 与 URLEncode 相反 ， 还 原 为 原来 的 字符 串 
MapPath 将 虚拟 路 径 转 化 为 对 应 的 物理 文件 路 径 


停止 执行 当前 网 页 , 转 到 新 的 网 页 执行 ,执行 完 后 返回 原 网 页 ,继续 执行 Execute 


ER 方法 后 面 的 语句 
停止 执行 当前 网 页 ， 转 到 新 的 网 页 执行 。 和 Execute 方法 不 同 的 是 : 执行 完 以 
Transfer 


后 不 返回 原 网 页 ， 而 是 停止 执行 过 程 


4.7.2 MachineName 属性 


使 用 MachineName 属性 获取 服务 器 名 称 。 
【 例 4-6】MachineName 属性 的 使 用 。 
(1) 创建 页 面 MachineName.aspx。 
(2) 在 文件 MachineName.aspx 中 添加 如 下 代码 。 
服务 器 名 称 : <asp:Label ID="Label1" runat="server" ForeColor="black" Text="Label"></asp:Label> 


(3) 在 文件 MachineName .aspx.cs 中 添加 代码 获取 服务 器 的 名 称 , 并 且 将 服务 器 的 名 称 变 
成 小 写 输出 ， 代 码 如 下 。 
protected void Page Load(object sender, EventArgs e) 


£ 
Labell.Text =" 服 务 器 名 称 : "+ Server.MachineName.ToLower(); 


} 
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O 程序 运行 结果 如 图 410 所 示 。 [AAA LE 


4.7.3 ScriptTimeout 属性 | hapyilocah- Ñ v| ++] x [E 2 


该 属性 用 来 规定 脚本 文件 执行 的 最 ||5X 1 Mtpocalhost58338/MachineNam-. | | 

长 时 间 ， 默 认为 90 秒 。 如 果 超 过 最 长 时 服务 器 名 称 ，hany-pc 

间 脚 本 文件 还 没有 执行 完 ， 就 自动 停止 执 

行 。 这 样 做 ， 可 以 防止 某 些 可 能 进入 死 特 

环 的 错误 导致 服务 器 过 载 问题 。 @ 本 地 Intranet | 保护 模式 :: 级 +> R100% ~ 
对 于 运行 时 间 较 长 的 页 面 可 能 需 图 4-10 运行 结果 

要 增 大 这 个 值 。 比 如 ， 上 传 一 个 很 大 的 

文件 ， 修 改 该 属性 的 方法 如 下 。 


Server . ScriptTimeout = 300 将 最 长 执行 时 间 设 置 为 300 秒 


4.7.4 CreateObject 方法 
该 方法 可 用 于 创建 组 件 、 应 用 程序 或 脚本 对 象 的 实例 。 在 ASP.NET 中 ， 该 方法 用 得 不 
多 ， 语 法 格式 如 下 。 
Server . CreateObject (ActiveX Server 组 件 ) 
例如 : 


Object MyObject; 
MyObject = Server.CreateObject("Acme.Component.3"); 


4.7.5 Execute 方法 
该 方法 用 来 停止 执行 当前 网 页 ， 转 到 新 的 网 页 执行 ， 执 行 完 以 后 返回 原 网 页 ， 继 续 执行 
Execute 方法 后 面 的 语句 。 其 语法 格式 如 下 。 
Server . Execute (变量 或 字符 串 ) 
例如 : 


Server.Execute("http://www.contoso.com/updateinfo.aspx"); 


4.7.6 Transfer 方 法 


该 方法 和 Execute 方法 非常 相似 ， 唯 一 的 区 别 是 执行 完 新 的 网 页 后 ， 并 不 返回 原 网 页 ， 
而 是 停止 执行 过 程 。 该 方法 可 以 把 控制 传递 出 去 ， 可 以 把 原来 页 面 的 所 有 内 置 对 象 和 这 些 对 
象 的 状态 都 传递 给 新 的 页 面 ， 比 如 Request 对 象 的 查询 字符 串 。 使 用 这 种 方法 还 可 以 把 一 个 
大 的 程序 划分 成 小 的 模块 ， 然 后 用 Transfer 方法 把 各 个 模块 联系 起 来 。 

其 语法 格式 如 下 。 


Server . Transfer (变量 或 字符 串 ) 
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4.7.7 HtmlDecode 方法 和 HtmlEncode 方法 


在 ASPNET 中 ， 默 认 编码 是 UTF-8， 所 以 在 使 用 Session 和 Cookie 对 象 保 存 中 文字 符 
或 者 其 他 字符 集 时 经 常会 出 现 乱 码 ， 为 了 避免 乱码 的 出 现 ， 可 以 使 用 HtmlDecode 和 
HtmlEncode 方 法 进行 编码 和 解码 。HtmlEncode 方法 用 来 转化 字符 串 , 它 可 以 将 字符 串 中 的 
HTML 标记 转换 为 字符 实体 。 如 将 “<” 转 换 为 “&lt”， 将 “>” 转换 为 “&gt; ”。 其 语 
法 格式 如 下 。 
Server.HtmlEncode (变量 或 字符 串 ) 
Server.HtmlDecode( 变 量 或 字符 串 ) 


特别 是 HtmlEncode 方法 ， 在 需要 输出 HTML 语句 时 非常 有 用 。 浏 览 器 是 解释 执行 的 ， 
它 将 网 页 文件 中 的 HTML 标记 逐一 解释 执行 。 但 是 ， 有 时 候 就 希望 直接 将 HTML 标记 输出 
到 屏幕 上 ， 比 如 在 考试 HTML 知识 时 ， 就 需要 在 页 面 中 输出 HTML 语句 。 

另外 ， 还 可 以 通过 HtmlEncode 方法 防止 脚本 入 侵 。 脚 本 入 侵 是 指 网 络 上 一 些 恶 意 用 户 
在 提交 给 页 面 的 信息 中 包含 一 些 特殊 脚本 程序 (如 包含 <scrip 亿 和 </scrip>)， 如 果 没 有 对 其 进 
行 特殊 处 理 ， 则 服务 器 将 会 执行 这 些 脚本 程序 。 

【 例 4-7】 演 示 HtmlEncode 和 HtmlDecode 方法 的 使 用 。 

(1) 创建 HtmlEncode.aspx。 

(2) 在 设计 页 面 上 添加 如 下 代码 。 


<body> 
<form id="form1" runat="server"> 
解码 前 的 输出 : ”<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 
<br /> 
使 用 HtmlEcode 后 的 输出 : <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
<br/> 
使 用 HtmlDecode 后 的 输出 : <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label> 
</form> 
</body> 


(3) Œ HtmlEncode.aspx.cs 中 添加 如 下 代码 。 


protected void Page_Load(object sender, EventArgs e) 
String TestString = "测试 <H2> 方 法 </H2>"; 
String EncodedString = Server.HtmlEncode(TestString); 
Labell.Text = TestString; 
Label2.Text = EncodedString; // 进 行 编码 转换 后 的 输出 效果 
Label3.Text = Server.HtmlDecode(EncodedString):// 解 除 效果 
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(4) 保存 文件 ， 运 行程 序 ， 结 果 如 图 
4-11 所 示 。 
4.7.8 MapPath 方法 ennai E 


在 创建 文件 、 删 除 文件 或 者 读 取 文 件 方法 
类 型 的 数据 库 时 (如 Access 和 SQLite), #8 


需要 指定 文件 的 物理 路 径 执行 文件 的 操 a E 


作 ， 如 D:\Program Files。 但 是 这 样 做 很 容 方法 
易 就 显示 了 物理 路 径 ， 如 果 有 非法 用 户 进 CE | RAESTE av R10% v 


行 非法 操作 ， 很 容易 造成 安全 问题 。 图 4-11 HtmlEncode 和 HtmlDecode 方法 示例 

所 以 在 页 面 中 ， 一 般 使 用 的 是 虚拟 路 径 ( 相 对 路 径 或 绝对 路 径 )。 利 用 MapPath 方法 ， 就 
可 以 将 虚拟 路 径 转换 为 物理 路 径 。Server.MaPath 方法 将 虚拟 路 径 转 换 为 绝对 路 径 。 这 种 方法 
需要 包含 或 执行 其 他 文件 并 需要 指定 路 径 名 ， 但 路 径 名 又 常常 在 发 生变 化 的 情况 下 使 用 。 语 
法 格式 如 下 。 


Server . MapPath (虚拟 路 径 字 符 串 ) 


4.7.9 URLEncode 方法 


该 方法 也 是 用 来 转化 字符 串 的 ， 它 可 以 将 其 中 的 特殊 字符 ， 像 2. &. / 和 空格 等 转化 
为 URL 编码 ， 如 把 空格 转化 为 它 的 URL 编码 “+”。 其 语法 格式 如 下 。 


Server.URLEncode (字符 串 ) 


为 什么 要 使 用 该 方法 呢 ? 主要 有 以 下 两 个 原因 。 

° 目前 的 操作 系统 允许 文件 名 有 空格 等 特殊 字符 , 如 果 使 用 正 浏览 器 , 一 般 没有 问题 ， 
因为 浏览 器 会 自动 转化 空格 等 特殊 字符 。 但 是 如 果 使 用 别 的 浏览 器 ， 就 可 能 不 支持 
空格 等 特殊 字符 ， 此 时 就 需要 用 该 方法 进行 人 工 转 化 。 

° 在 利用 Request 对 象 的 QueryString 方法 获取 标识 在 URL 后 面 的 参数 时 , 参数 可 能 
有 空格 等 特殊 字符 ， 如 <a href = "temp.aspx?name = + 三 ">， 正 浏览 器 一 般 能 正确 
识别 , 而 其 他 浏览 器 可 能 就 无 法 识别 空格 以 后 的 字符 ,从 而 认为 name 的 值 是 “ 王 ”。 
这 时 候 也 需要 用 该 方法 进行 转化 。 比 如 修改 为 如 下 代码 。 


<a href = “temp.aspx?name = <% = Server.URLEncode ("E 三 ")%>”> 


在 页 面 提交 的 信息 中 ， 由 于 包括 文字 、 数 字 、 特 殊 符号 等 ， 并 以 UTF-8 编码 提交 到 服 
务 器 时 ， 经 常 出 现 乱 码 。 要 解决 这 一 问题 就 需要 通过 Server 对 象 的 UrlEncode 方法 对 其 进行 
URL 编码 转换 ， 再 通过 UrlDecode 方法 进行 解码 。URL 编码 可 以 确保 所 有 浏览 器 均 正 确 地 
传输 URL 字符 串 中 的 文本 。UrlDecode 方法 将 URL 编码 向 文本 字符 串 进 行 解码 转换 。 
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【 例 4-8] UrlEncode 和 UrlDecode 方法 的 应 用 。 
(1) 创建 UrlEncode.aspx。 


(2) 设置 存储 到 Cookie 中 的 用 户 资料 ， 包 括 登 录 时 间 和 用 户 名 ， 保 存 前 先进 行 URL 编 


码 。 用 户 再 次 登录 时 ,可 以 获取 这 两 项 资料 并 进行 URL 解码 。 在 UrlEncode aspx.cs 设计 页 面 
上 添加 如 下 代码 。 


HttpCookie MyCookie=Request.Cookies["User location"]; /获取 Cookie 对 象 

if (MyCookie — null) //Cookie 为 空 时 生成 用 户 及 时 间 

í 
string Location txt=Server.UrlEncode(" 王 先生 "+"|"+DateTime.Now.ToString()); 
HttpCookie MyCookie t = new HttpCookie("User location", Location txt);// 创 建 Cookie 对 象 
MyCookie tExpires.AddYears(100): // 设 100 年 后 过 期 
Response.Cookies.Add(MyCookie t): // 添 加 Cookie 
Response.Redirect(Request.Url.ToString()); // 返 回 页 面 

} 


else 
{ 
Response.Write(" 现 在 登录 时 间 : "+DateTime Now.ToString0 +"<br/>");// 用 户 目前 登录 时 间 
string[] Loca_txt =Server .UrlDecode (MyCookie.Value).Split(new char[] 
DE 1/ 获取 用 户 名 
Response.Write(" 用 户 名 : "+ Loca_txt[0].ToStringO + "<br/>"); 1/ 输出 用 户 名 
Response.Write(" 上 次 登录 时 间 : "+ Loca_txt[1].ToStringO + "<br/>"); 


// 输 出 上 次 登录 时 间 
MyCookie.Value = Loca _txt[0].ToString0 + "|" + DateTime.Now.ToString(); 


// 再 次 保存 更 新 Cookie 
} 


运行 结果 如 图 4-12 所 示 。 


* || http:/localhost:58338/UrlEncode.aspx 


Bee ati 2014/2/11 21:11:22 
户 名 : 王 先生 


yama 2014/2/11 21:11:22 


@& 本 地 Intranet | 保护 模式 : 禁用 fà ~ R100% ~ 


图 4-12 UrlEncode 和 UrlDecode 方法 示例 
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4.8 ViewState 对 象 


ViewState( 视 图 状态 ) 对 象 是 Page 对 象 的 一 个 属性 ， 是 状态 管理 中 常用 的 一 种 对 象 ， 可 以 
用 来 保存 页 和 控件 的 值 。 视 图 状态 是 ASPNET 页 框架 默认 情况 下 用 于 保存 往返 过 程 之 间 的 
页 面 信息 以 及 控件 值 的 方法 。 
Session 值 是 保存 在 服务 器 内 存 上 ， 那 么 可 以 肯定 ， 大 量 的 使 用 Session 将 导致 服务 器 负 
担 加 重 ， 而 ViewState 由 于 只 是 将 数据 存 入 到 页 面 隐藏 控件 里 不 再 占用 服务 嚣 资源。 因此 ， 
可 以 将 一 些 需要 服务 器 “ 记 住 ”的 变量 和 对 象 保存 到 ViewState 里 面 ， 而 Session 则 只 应 该 应 
用 在 需要 跨 页 面 且 与 每 个 访问 用 户 相关 的 变量 和 对 象 存 储 上 ， 另 外 ，Session 在 默认 情况 下 
20 分 钟 就 过 期 而 ViewState 则 永远 不 会 过 期 。 

但 ViewState 并 不 是 能 存储 所 有 的 .net 类 型 数据 , 它 仅 仅 支 持 String, Integer, Boolean, 
Array, ArrayList, Hashtable 以 及 自 定义 的 一 些 类 型 。 

【 例 4-9】 演 示 ViewState 的 使 用 。 

(1) 创建 ViewState.aspx。 

(2) 在 设计 页 面 上 添加 3 个 Label 控件 、2 个 TextBox 控件 和 2 个 Button 控件 到 页 面 上 ， 
代码 如 下 。 


姓 &nbsp;&nbsp;&nbsp; 名 : <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
<br/> 
年 &nbsp;&nbsp;&nbsp; 龄 : <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
<br/> 
HB 箱 地 Hk: <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> 
<br/> 
<asp:Button ID="Button1" runat="server" Text=" 保 存 状 态 数 据 " OnClick="Button1_Click"/> 
<asp:Button ID="Button2" runat="server" Text=" 读 取 状 态 数据 " OnClick="Button2_Click" /> 
<br /> 
显示 状态 信息 : <br /> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 


(3) 在 ViewState.aspx.cs 文件 中 添加 页 面 的 Load 事件 和 两 个 按钮 的 单 击 事件 处 理 程序 ， 
代码 如 下 。 


protected void Page Load(object sender, EventArgs e) 


{ 
if (!Page.IsPostBack) 
{ 
ViewState.Add("name", "Tom"); 
ViewState.Add("age", 33); 
J 
} 


protected void Buttonl Click(object sender, EventArgs e) 
{ 
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if (TextBox1.Text != "") 


ViewState["name"] = TextBox1.Text; 


if (TextBox2.Text != "") 


ViewState["age"] = TextBox2.Text; 


) 
protected void Button2_Click(object sender, EventArgs e) 
í 
Label3.Text = "ViewState 信息 如 下 :<br> 姓 名 : "; 
Label3.Text += ViewState["name"]; 
Label3.Text += "<br> 年 龄 : "; 
Label3.Text += ViewState["age"]; 
} 


(4) 编译 并 运行 程序 ， 单 击 【 读 取 状 态 数据 】 按 钮 ， 读 取 ViewState 的 初 值 ， 如 图 4-13 
所 示 ; 输入 姓名 和 年 龄 后 ， 单 击 【保存 状态 数据 】 按 钮 ， 然 后 再 次 单 击 【 读 取 状 态 数据 】 按 


钮 ， 读 取 ViewState 的 新 值 ， 如 图 4-14 所 示 。 


f htpylocalhost58338/MVie.. 医 下 


1- httpy//localh.. 著 > | 


k s= 


姓 #: 
年 龄 : 
邮箱 地 址 ， 


显示 状态 信息 .， 
ViewState 信 息 如 下 : 
HA: Tom 

年 龄 : 33 

email: name@163.com 


Viewstae 信 息 如 下 
HB: sam 
FE. 45 

emai: sam@163.com 


@ 本 地 Intranet | 保 扩 fa v 由 100% ~ 


图 4-13 读 取 视图 状态 的 初 值 


Q Hb Intranet | GF (à > R100% ~ 


图 4-14 读 取 ViewState 中 的 新 值 
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本 章 所 讲 的 对 象 和 第 5 章 将 要 介绍 的 服务 器 控件 在 本 质 上 都 是 NET 框 架 中 的 类 。 除 此 
之 外 ，.NET 还 提供 了 其 他 大 量 的 类 ， 大 家 可 以 参考 NET 框架 的 示例 文档 进行 学 习 。 
本 章 重点 介绍 了 以 下 7 个 对 象 。 


Request 对 象 : 用 来 获取 客户 端 信息 。 
Response 对 象 : 可 以 向 客户 端 输出 信息 。 
Cookie 对 象 : 一 种 可 以 在 客户 端 保存 信 4 
Session 对 象 : 记载 特定 客户 的 信息 。 


息 的 方法 。 


Application 对 象 : 存储 ASPNET 应 用 程序 中 多 个 会 话 和 请 求 之 间 的 全 局 共享 信息 。 
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o Server 对 象 : 专 为 处 理 服 务 器 上 的 特定 任务 。 

© ViewState 对 象 : 保存 数据 信息 。 

每 个 对 象 都 有 一 些 常 用 的 方法 和 属性 ， 可 结合 具体 的 示例 进行 学 习 。 

由 于 Web 应 用 程序 从 本 质 上 来 讲 是 无 状态 的 ， 为 了 维持 客户 端的 状态 ， 可 以 使 用 
ASP.NET 内 置 对 象 ， 包 括 Session, Cookie, Application, ViewState 对 象 等 。 


410 练 习 


1. 如 果 设 置 Session 时 没有 设置 有 效 期 ， 则 关闭 浏览 器 后 Session 还 有 效 吗 ? 

2. 请 将 Response 对 象 的 Write 方法 与 利用 标签 控件 输出 信息 进行 比较 。 

3. Application 对 象 的 lock0 和 unlock() 方 法 在 什么 情况 下 使 用 , 只 用 其 中 的 一 种 方法 行 吗 ， 
为 什么 ? 

4. Application、Session 和 Cookie 对 象 都 是 保存 数据 的 ， 三 者 有 什么 区 别 ? 

5. 将 来 开发 留言 板 时 ， 经 常会 碰 到 这 样 的 问题 ， 本 来 希望 来 访 者 输入 文字 留言 ， 结 果 来 
访 者 可 能 输入 了 一 段 HTML 语句 ， 比 如 输入 一 些 JavaScript 语句 等 。 这 样 可 能 就 无 法 正常 显 
示 了 。 如 果 要 防止 这 种 情况 ， 可 以 采用 本 章 介绍 的 哪 种 方法 实现 ? 

6. 请 开发 一 个 页 面 ， 用 Cookies 保存 信息 ,在 页 面 上 显示 “您 好 , 您 是 第 几 次 光临 本 站 ” 
的 欢迎 信息 。 

7. 请 编写 一 个 页 面 ， 用 Session 保存 信息 ， 在 页 面 上 创建 两 个 Button 按钮 ， 分 别 是 “ 登 
录 ” 和 “注销 ”， 这 两 个 按钮 不 同时 显示 ， 并 且 添 加 label 控件 ， 如 果 显 示 “ 注 销 ” 按 钮 的 同 
时 会 显示 “admin 用 户 已 登录 ”， 当 单 击 “ 注 销 ” 后 ， 页 面 就 只 会 显示 “登录 ”按钮 。 

8. 编写 程序 ， 利 用 Application 记录 用 户 访问 的 数量 ， 并 在 页 面 上 进行 显示 。 
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ASP.NET 服务 器 控件 是 ASP.NET 网 页 中 的 对 象 ， 当 客户 端 浏览 器 请 求 服务 器 端的 网 页 
时 ， 这 些 控件 对 象 将 在 服务 器 上 运行 然后 向 客户 端 浏览 器 呈现 HTML 标记。 使 用 ASPNET 
服务 器 控件 ， 可 以 大 幅 减少 开发 Web 应 用 程序 所 需 编写 的 代码 量 ， 提 高 开发 效率 和 Web 应 
用 程序 的 性 能 

本 章 的 学 习 目标 : 

。 TIR Web 控件 的 种 类 和 属性 : 

。 掌握 基本 的 标准 控件 ， 

。 掌握 验证 控件 、 登 录 控 件 、 导 航 控件 、 用 户 控件 的 使 用 。 


5.1 服务 器 控件 概述 


在 网 页 上 经 常 看 到 输入 信息 用 的 文本 框 、 单 选 按钮 、 复 选 框 、 下 拉 列 表 等 元 素 ， 它 们 都 
是 控件 。 控 件 是 可 重复 使 用 的 组 件 或 对 象 ， 有 自己 的 属性 和 方法 ， 可 以 响应 事件 。 

ASP.NET 服务 器 控件 是 服务 器 端 ASP.NET 网 页 上 的 对 象 ， 当 用 户 通过 浏览 器 请 求 
ASP.NET 网 页 时 ， 这 些 控件 将 运行 并 把 生成 的 标准 的 HTML 文件 发 送 至 客户 端 浏览 器 来 
BEI. 

网 站 部 署 在 Web 服务 器 上 ， 人 们 可 以 通过 浏览 器 来 访问 这 个 站 点 。 当 客户 端 请 求 一 个 
静态 的 HTML 页 面 时 ， 服 务 器 找到 对 应 的 文件 直接 将 其 发 送 给 用 户 端 浏览 器 ， 而 在 请 求 
ASP.NET 页 面 时 (扩展 名 为 .aspx 的 页 面 )， 服务 器 将 在 文件 系统 中 找到 并 读 取 对 应 的 页 面 , 然 
后 将 页 面 中 的 服务 器 控件 转换 成 浏览 器 可 以 解释 的 HHTML 标记 和 一 些 脚 本 代码 , 再 将 转换 后 
的 结果 页 面 发 送 给 用 户 。 

在 ASP.NET 页 面 上 ， 服 务 器 控件 表现 为 一 个 标记 ， 例 如 <asp:textbox... 户 。 这 些 标记 不 
是 标准 的 HTML 元 素 ， 因 此 ， 如 果 它 们 出 现在 网 页 上 ,浏览 器 将 无 法 理解 ， 然 而 ， 当 从 Web 
服务 器 上 请 求 一 个 ASP.NET 页 面 时 ， 这 些 标记 都 将 被 转换 为 HTML 元 素 ， 因 此 浏览 器 只 会 
接收 到 它 能 理解 的 HTML 内 容 。 

在 创建 .aspx 页 面 时 , 可 以 将 任意 的 服务 器 控件 放置 到 页 面 上 , 然而 请 求 服务 器 上 该 页 面 
的 浏览 器 将 只 会 接收 到 HIML 和 JavaScript 脚本 代码 。Web 浏览 器 无 法 理解 ASP.NET, 而 只 
能 理解 HTML 和 JavaScript 一 一 但 它 不 能 处 理 ASP.NET 代码 。 服 务 器 读 取 ASP.NET 代码 并 
进行 处 理 ， 将 所 有 ASPNET 特有 的 内 容 转 换 为 HIML 以 及 (如 果 浏 览 器 支持 的 话 ) 一 些 
JavaScript 代码 ， 然 后 将 最 新 生成 的 HIML 发 送 回 浏览 
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5.1.1 控件 的 种 类 


启动 Visual Studio Express 2012 for Web 后 ， 选 择 【 视 图 】| 
【工具 箱 】 命令 ， 可 以 看 到 【工具 箱 】 中 有 以 下 控件 ， 如 图 5-1 
所 示 。 

e° 标准 控件 :标准 控件 是 ASP.NET 的 基础 控件 ， 它 包括 了 
ASP.NET 日 常 开发 中 经 常 使 用 的 基本 控件 。 

e 数据 控件 ， 数据 控件 包括 数据 源 控件 和 数据 绑 定 控件 。 

有 关内 容 参 见 本 书 的 第 8 章 和 第 9 章 。 

e 验证 控件 : 验证 控件 用 来 实现 对 标准 控件 的 数据 内 容 进 
行 校 验 ， 从 而 根据 验证 的 结果 来 判断 页 面 可 以 提交 还 是 
提示 用 户 相 关 的 检验 失败 信息 。 

e 导航 控件 ， 导 航 控件 用 于 实现 网 站 或 各 个 应 用 的 导航 功能 。 

o 登录 控件 ， 登 录 控件 用 于 辅助 完成 网 站 用 户 的 注册 、 登 录 、 修 改 信 息 、 获 取 密 码 等 
认证 功能 ， 通 过 该 组 控件 ， 可 以 轻松 地 构建 出 复杂 的 登录 认证 模块 。 

© WebParts 控件 : Web 部 件 控件 ， 是 用 来 实现 定义 和 布局 Web 部 件 的 相关 控件 。 

o AJAX 扩展 控件 ， 主 要 用 来 实现 Web 2.0 的 一 些 页 面 效 果 ， 并 提高 客户 端的 工作 效 

e 动态 数据 控件 ， 这 种 类 别 的 控件 用 于 动态 数据 Web 站 点 。 动 态 数据 站 点 允许 在 数据 
库 中 快速 创建 用 户 界面 来 管理 数据 。 

© HTML 控件 : 提供 了 对 标准 HTML 元 素 的 类 封装 ， 使 开发 人 员 可 以 对 其 进行 编程 。 


5.1.2 在 页 面 中 添加 HTML 服务 器 控件 


给 HTML 标记 添加 mnat="server" 属 性 , 该 标记 就 变 成 了 HTML 服务 器 控件 。 每 个 HTML 
服务 器 控件 都 是 一 个 对 象 ， 因 此 ， 可 以 在 服务 器 上 以 编程 方式 访问 其 属性 和 方法 ， 并 为 其 编 
写 在 服务 器 端 运行 的 事件 处 理 程序 ; 用户 输入 到 HTML 服务 器 控件 中 的 值 可 以 高 速 缓存 ， 并 
自动 维护 控件 的 视图 状态 ， 另 外 ， 还 可 以 指定 ASP.NET 验证 控件 来 验证 HTML 服务 器 控件 
的 值 。 

比较 服务 器 端 属性 添加 前 后 的 代码 : 


<input id="Button1" type="button" value="button"/> 
添加 服务 器 端 属性 之 后 的 代码 如 下 。 
<input id="Button1" type="button" value="button" runat="server"/> 
可 以 看 到 ， 只 要 在 代码 中 添加 了 一 个 runat="server" 的 属性 即 可 。 
5.1.3 在 页 面 中 添加 Web 服务 器 控件 


添加 Web 服务 器 控件 有 两 种 方式 :可 以 通过 工具 箱 选择 待 添加 的 控件 ， 然 后 直接 将 该 
控件 拖 动 到 需要 添加 的 页 面 位 置 也 可 以 直接 进入 页 面 的 源 视图 ,通过 HTML 语法 ， 直 接 将 
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该 控件 添加 到 页 面 的 相应 位 置 。 

下 面 通过 一 个 简单 的 示例 ， 来 描述 如 何 添加 Web 服务 器 控件 。 

(1) 启动 Visual Studio Express 2012 for Web， 选 择 【 文 件 】|【 新 建 网 站 】 命 令 ， 将 网 站 
命名 为 ControlDemo， 在 网 站 中 添加 一 个 新 的 aspx 页 面 ， 命 名 为 OperateControl.aspx。 

(2) 双击 新 建 的 页 面 ， 进 入 页 面 的 设计 视图 。 打 开 【 工 具 箱 】， 在 【标准 】 控 件 组 中 选 
择 Label 控件 ， 然 后 将 其 拖 动 到 页 面 中 。 这 时 页 面 的 设计 视图 中 会 自动 出 现 一 个 Label 控件 ， 
该 控件 的 默认 名 称 为 Labell。 

(3) 切换 到 页 面 的 源 视 图 ， 可 以 看 到 ， 在 页 面 中 自动 增加 了 如 下 代码 。 


<asp: Label ID=" Labell" runat="server" Text=" Label"></asp: Label> 


通过 上 面 的 步骤 可 以 看 出 , 如 果 要 在 页 面 中 添加 一 个 控件 , 通过 源 视图 的 HTML 代码 或 
者 通过 设计 视图 的 可 视 化 编辑 ， 都 可 以 完成 控件 的 添加 。 


5.1.4 ”以 编程 方式 添加 服务 器 控件 


除了 5.1.3 节 介 绍 的 通过 页 面 直接 添加 控件 的 方法 以 外 ， 还 可 以 在 页 面 后 台 的 cs 代码 文 
件 中 进行 添加 。 以 编程 方式 添加 服务 器 控件 需要 先 构 造 出 该 控件 的 一 个 实例 ， 然 后 再 对 控件 
的 实例 属性 进行 设 定 ,下 面 的 代码 演示 了 如 何在 页 面 中 添加 一 个 Label 控 件 和 一 个 Panel 控 件 ， 
同时 将 该 Label 控件 再 添加 到 Panel 控件 中 。 


/定义 Label 对 象 

Label myLabel = new Label ( ); 
/定义 Label 对 象 显 示 的 文本 为 test 
myLabel.Text = "test" ; 

/定义 Panel 对 象 

Panel Panell = new Panel ( ); 

/将 Label 添加 到 Panel 中 
Panel1.Controls.Add(myLabel): 


54.5 ”设置 服务 器 控件 属性 


每 个 控件 都 有 自己 的 属性 ， 如 ID、Text 属性 等 ， 通 过 设置 不 同 的 属性 ， 可 以 改变 服务 器 
控件 的 展现 内 容 和 显示 风格 等 。 
在 ASP.NET 中 ， 可 以 通过 3 种 方式 来 设置 服务 器 控件 的 属性 ， 一 是 通过 “属性 ”对 话 
框 直 接 设置 ; 二 是 在 控件 的 HTML 代码 中 设置 ; 三 是 通过 页 面 的 后 台 代 码 以 编程 的 方式 设置 
控件 的 属性 。 

通过 【属性 】 窗 口 直接 进行 设置 是 最 简单 的 方式 ， 设 置 的 时 候 ， 只 需 右 击 该 控件 ， 从 弹 
出 的 快捷 菜单 中 选择 “属性 ”命令 ， 即 可 对 控件 的 属性 进行 设置 。 

在 对 控件 的 HTML 代码 进行 设置 的 时 候 ，Visual Studio Express 2012 for Web 会 根据 控件 
的 类 型 ， 给 予 自 动 提示 ， 即 在 每 个 控件 的 作用 域内 ， 按 空格 键 ， 会 弹出 该 控件 在 此 作用 域内 
的 所 有 可 设置 属性 ， 属 性 窗口 和 提示 特性 ， 请 参考 本 书 第 1 章 内 容 。 

除了 设置 控件 的 初始 属性 之 外 ， 还 可 以 通过 后 台 页 面 的 代码 部 分 ， 设 置 经 过 某 些 响应 或 
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事件 之 后 控件 的 属性 信息 。 如 下 所 示 : 


protected void Page Load(object sender, EventArgs e) 


í 
Labell.Visible = false; //fE Page _Load 中 设置 Labell 的 可 见 性 
) 


上 述 代码 编写 了 一 个 Page Load( 页 面 加 载 ) 事 件 ， 当 页 面 初次 被 加 载 时 ， 会 执行 
Page Load 中 的 代码 。 这 里 通过 编程 的 方法 对 控件 的 属性 进行 设置 ， 当 页 面 加 载 时 ， 控 件 的 
属性 会 被 应 用 。 


5.2 标准 服务 器 控件 


给 HTML 标记 添加 runat="server" 属 性 ,该 标记 就 变 成 了 HTML 服务 器 控件 .每 个 HTML 
服务 器 控件 都 是 一 个 对 象 ， 因 此 可 以 在 服务 器 上 以 编程 的 方式 来 访问 其 属性 和 方法 ， 并 为 其 
编写 在 服务 器 端 运行 的 事件 处 理 程序 。 


5.2.1 标签 控件 (Label) 


使 用 Label 控件 可 以 在 页 面 上 的 固定 位 置 显示 文本 。 与 静态 文本 不 同 ， 可 以 通过 设置 控 
件 的 Text 属性 来 自 定 义 所 显示 的 文本 。 其 语法 格式 如 下 。 


<asp:Label id=" 控 件 名 称 " Text=" 显 示 的 文字 "” runat="server" /> 


例如 : 
protected void Page Prelnit(object sender, EventArgs e) 
ú 
Labell.Text = "Hello World"; /标签 赋值 
) 


【 例 5-1】 演 示 Label 控件 的 使 用 。 
(1) 创 建文 件 LabeLaspx， 添 加 代码 ， 或 者 直接 从 工具 箱 中 拖 放 两 个 Label 控件 。 添 加 代 
码 如 下 。 
<body> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 
<br /><asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
</body> 
(2) 在 Label.aspx.cs 中 添加 代码 , 在 页 面 初始 化 时 将 Labell 的 文本 属性 设置 为 "ASPNET 
4.5”。 对 于 Label 标签 ， 同 样 也 可 以 显 式 HTML 样式 。 示 例 代码 如 下 。 


protected void Page Prelnit(object sender, EventArgs e) 
ji // 输 出 HTML 


第 5 章 ASPNET 常用 服务 器 控件 *105* 


Labell.Text = " ASP.NET 4.5<hr/><span style=\"color:green\"> ASP.NET 4.5</span>"; 
Labell.Font.Size = FontUnit Large:// 设 置 字体 大 小 
/输出 HTML 
Label2.Text = " ASP.NET 4.5<hr/><span style=\"color:green\"> ASP.NET 4.5</span>"; 
Label2.Font.Size = FontUnit. XXLarge; 

) 


上 述 代码 中 ，Labell 的 文本 属性 被 设置 为 一 串 
HTML 代码 ， 当 Label 文本 被 呈现 时 ， 会 以 HIML 


效果 显 式 ， 运 行 结果 如 图 5-2 所 示 。 ET 
如 果 开 发 人 员 只 是 为 了 显示 一 般 的 文本 或 者 ASPNET45 
HTML 效果 ， 则 不 推荐 使 用 Label 控件 ， 因 为 服务 ASPNET 4 


| ASP.NET 4.5 


器 控件 过 多 ， 会 导致 网 站 性 能 下 降 。 使 用 静态 的 
HTML 文本 能 够 让 页 面 解析 速度 更 快 。 显 示 于 Label 
控件 中 的 长 文本 在 小 屏幕 设备 上 的 呈现 效果 可 能 不 
好 ， 因 此 ， 最 好 使 用 Label 控件 显示 短文 本 。 CEIMIC 


522 ”TextBox( 文 本 框 ) 控 件 图 5-2 Label 的 Text 属性 的 运行 效果 


TextBox 服务 器 控件 是 用 来 让 用 户 向 ASP.NET 网 页 输入 文本 的 控件 。 默 认 情况 下 ， 该 控 
件 的 TextMode 属性 设置 为 TextBoxMode.SingleLine， 即 显示 为 一 个 单行 文本 框 。 但 也 可 以 将 
TextMode 属性 设置 为 TextBoxMode MultiLine， 以 显示 多 行文 本 框 (该 文本 框 将 作为 textarea 
元 素 呈 现 )。 也 可 以 将 TextMode 属性 设置 为 TextBoxMode.Password， 以 显示 屏蔽 用 户 输入 的 
文本 框 。 通 过 使 用 Text 属性 可 以 获得 TextBox 控件 中 显示 的 文本 。 

另外 , 将 TextMode 属性 设置 为 TextBoxMode Password 可 有 助 于 确保 用 户 在 输入 密码 时 
其 他 人 无 法 看 到 。 但是， 输入 到 文本 框 中 的 文本 没有 以 任何 方式 进行 加 密 ， 为 了 提高 安全 性 ， 
在 发 送 其 中 带 有 密码 的 页 时 ， 可 以 使 用 安全 套 接 字 层 (SSL) 和 加 密 。 

在 Web FRP, Web 应 用 程序 通常 需要 和 用 户 进行 交互 ， 例 如 用 户 注册 、 登 录 、 发 帖 
等 ， 那 么 就 需要 文本 框 控 件 (TextBox) 来 接收 用 户 输入 的 信息 。 开 发 人 员 还 可 以 使 用 文本 框 控 
件 制作 高 级 的 文本 编辑 器 用 于 HITML， 以 及 文本 的 输入 与 输出 。 

通常 情况 下 ， 默 认 的 文本 控件 (TextBox) 是 一 个 单行 的 文本 框 ， 用 户 只 能 在 文本 框 中 输入 
一 行内 容 。TextBox 的 语法 格式 如 下 : 
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<asp:Textbox ”id=" 控 件 名 称 " 
TextMode=" SingleLine | Multiline | Password" 
Text=" 显 示 的 文字 " 
MaxLength=" 整 数 ， 表 示 输 入 的 最 大 的 字符 数 " 
Rows=" 整 数 ， 当 为 多 行文 本 时 的 行 数 " 
Columns=" 整 数 ， 当 为 多 行文 本 时 的 列 数 " 
Wrap="True | False， 表 示 当 控件 内 容 超过 控件 宽度 时 是 否 自 动 换行 " 
AutoPostBack="True | False， 表 示 在 文本 修改 以 后 ， 是 否 自动 上 传 数据 " 
OnTextChanged=" 当 文字 改变 时 触发 的 事件 过 程 " 


runat="server" /> 
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文本 框 控件 常用 的 属性 如 下 。 

è AutoPostBack: 在 文本 修改 以 后 ， 是 否 自动 重 传 。 

e@ Columns: 文本 框 的 宽度 。 

© EnableViewState: 控件 是 否 自动 保存 其 状态 以 用 于 往返 过 程 。 
MaxLength: 用 户 输入 的 最 大 字符 数 。 

ReadOnly: 是 否 为 只 读 。 

Rows: 作为 多 行文 本 框 时 所 显 式 的 行 数 。 

TextMode: 文本 框 的 模式 ， 可 设置 为 单行 、 多 行 或 者 密码 。 
© Wrap: 文本 框 是 否 换行 。 

【 例 5-2】 演 示 文 本 框 TextBox 控件 的 使 用 。 


创建 文件 TextBox.aspx， 添 加 代码 ， 或 者 直接 从 工具 箱 中 拖 放 3 个 文本 框 控件 。 添 加 代 


码 如 下 : 


用 户 名 : <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
<br /> <br /> 


密码 : <asp:TextBox ID="TextBox3" runat="server" TextMode="Password"></asp:TextBox> 


<br /> <br /> 


个 人 简介 : <asp:TextBox ID="TextBox2" runat="server" Height="101px" 


TextMode="MultiLine" 
Width="325px"></asp:TextBox> 


上 述 代码 演示 了 3 种 文本 框 的 使 用 方法 ， 运 行 后 的 效果 如 图 5-3 所 示 。 
intern.. [El 


IÊ http://localhost:53615/Te ~ Windows Intern... 
Í httpy/localh. W ~ |47| x fE r-r. cant 5 = 


k | http:/ñocalhost:53615/TextBox.aspx 


UserName: Tom 


Password *eeeee 


I am a teacher. 


Information: 


È 本 地 Intranet | 保护 模式 : SA fa ~ R100% ~ 


图 5-3 文本 框 的 3 种 形式 


无 论 是 在 Web 应 用 程序 开发 还 是 Windows 应 用 程序 开发 中 ， 文 本 框 控件 都 是 非常 重要 


的 。 文 本 框 在 用 户 交互 中 能 够 起 到 非常 重要 的 作用 。 
5.23 ”按钮 控件 (Button 、LinkButton 、ImageButton) 
在 Web 应 用 程序 和 用 户 交互 时 ， 常 常 需要 提交 表单 、 获 取 表 单 信息 等 


操作 。 在 这 期 间 ， 


按钮 控件 是 非常 必要 的 。 按 钮 控件 能 够 触发 事件 ， 或 者 将 网 页 中 的 信息 回 


传 给 服务 器 。 在 


ASP.NET 中 ， 包 含 3 类 按钮 控件 ， 分 别 为 Button、LinkButton、ImageButton。 如 表 5-1 所 示 
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的 是 3 种 按钮 控件 的 比较 。 


表 5-1 按钮 控件 的 比较 
E 件 说 明 
Button 显示 一 个 标准 命令 按钮 ， 该 按钮 呈现 为 一 个 HTML input 元 素 


呈现 为 页 面 中 的 一 个 超 链接 。 但 是 ， 它 包含 使 窗 体 被 发 回 服务 器 的 客户 端 脚本 (可 以 使 用 


LinkButton | HyperLink 服务 器 控件 创建 真实 的 超 链接 ) 
jaweBution | 将 图 形 呈现 为 按钮 。 这 对 于 提供 丰富 的 按钮 外 现 非常 有 用 。imageButon 控件 还 提供 有 关 
中 00 | 图 形 内 已 单 击 位 置 的 坐标 信息 


Button 是 一 个 普通 按钮 控件 ， 其 语法 格式 如 下 。 


<asp:Button ”id=" 控 件 名 称 " 

Text=" 按 钮 上 的 文字 " 

CommandArgument=" 此 按钮 管理 的 命令 参数 " 
CommandName=" 与 此 按钮 关联 的 命令 " 
OnCommand=" 事 件 过程 名 称 " 

OnClick=" 事 件 过 程 名 称 " 


runat="server"/> 
LinkButton 是 一 个 具有 超 链接 的 外 观 和 普通 按钮 功能 的 控件 ， 其 语法 格式 如 下 。 
<asp:linkbutton ”id=" 控 件 名 称 ” Text=" 按 钮 上 的 文字 ” OnClick=" 事 件 过 程 名 称 " 


runat="server" /> 
ImageButton 控件 用 来 创建 一 个 图 像 提交 按钮 ， 其 语法 格式 如 下 。 


<asp:ImageButton id=" 控 件 名 称 " ImageUrl=" 要 显示 图 像 的 URL" OnClick=" 事 件 过 程 名 称 " 


runat="server" /> 

1. 按钮 事件 

当 用 户 单 击 任何 Button( 按 钮 ) 服 务 器 控件 时 ， 都 会 将 该 页 发 送 到 服务 器 。 这 使 得 在 基于 
服务 器 的 代码 中 ,网 页 被 处 理 , 任何 挂 起 的 事件 被 引发 .这 些 按钮 还 可 以 引发 它们 自己 的 Click 
事件 ， 可 以 为 这 些 事件 编写 “事件 处 理 程序 ”。 

2. 按钮 回 发 行为 

当 用 户 单 击 按钮 控件 时 ， 该 页 回 发 到 服务 器 。 默 认 情 况 下 ， 该 页 回 发 到 其 本 身 ， 重 新 生 
成 相同 的 页 面 并 处 理 该 页 上 控件 的 事件 处 理 程序 。 

可 以 配置 按钮 以 将 当前 页 面 回 发 到 另 一 页 面 。 这 对 于 创建 多 页 窗 体 非常 有 用 。 

按钮 控件 用 于 事件 的 提交 ， 按 钮 控件 包含 一 些 通用 属性 ， 按 钮 控件 的 常用 属性 如 下 。 

e CausesValidation: 按钮 是 否 导致 激发 验证 检查 。 

e CommandArgument: 与 此 按钮 管理 的 命令 参数 。 

e _ CommandName: 与 此 按钮 关联 的 命令 。 
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e ValidationGroup: 使 用 该 属性 可 以 指定 单 击 按钮 时 调用 页 面 上 的 哪些 验证 程序 。 如 果 
未 建立 任何 验证 组 ， 则 会 调用 页 面 上 的 所 有 验证 程序 。 
这 3 种 按钮 控件 对 应 的 事件 通常 是 Click 单 击 和 Command 命令 事件 。 在 Click $ 
中 ， 通 常用 于 编写 用 户 单 击 按钮 时 需要 执行 的 事件 。 
[UJ 5-3】 演 示 Button, LinkButton, ImageButton 控件 的 Click 单 击 事件 。 
(1) 创建 文件 Button.aspx， 添 加 如 下 代码 。 


jp 


Eit 


ET 


<body> 
<form id="form1" runat="server"> 
<asp:Button ID="Button1" runat="server" OnClick= "Buttonl Click" Text="Button" /> 
普通 的 按钮 
<br /><br /> 
<asp:LinkButton ID="LinkButton1" runat="server" 
OnClick="LinkButton1_Click'>LinkButton</asp:LinkButton>Link 类 型 的 按钮 
<br /><br /> 
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="image.png" Height=50 
AlternateText="this is a ImageButton." OnClick="ImageButton1_Click"/> 
图 像 类 型 的 按钮 
<br /> <br /> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 
<br/> 
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
<br/> 
<asp:Label ID="Label3" runat="server" Text="Label"></asp:Label> 


</form> 
</body> 


(2) 在 Button.aspx.cs 中 添加 如 下 代码 。 


protected void Button1_Click(object sender, EventArgs e) 


; Labell.Text= "普通 按钮 被 触发 " ”// 输 出 信息 

aN void LinkButton1_Click(object sender, EventArgs e) 

i Label2.Text = " 超 链接 按钮 被 触发 "; // 输 出 信息 

a void ImageButton1_Click(object sender, ImageClickEventArgs e) 
j Label3.Text= "图 片 按钮 被 触发 " ”// 输 出 信息 

) 


运行 后 ， 分 别 单 击 Button、LinkButton 和 图 片 。 
上 述 代码 分 别 为 3 种 按钮 生成 了 事件 ， 其 代码 是 将 Labell 、Label2、Label3 的 文本 设置 
为 相应 的 文本 ， 运 行 效果 如 图 5-4 和 图 5-5 所 示 。 
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i tevoh 加 “| [D [< emma 
e || httpy/localhost53615/Button.aspx _ 
(Emon) 普通 的 按钮 


LinkButton Link 类 型 的 按钮 


Q 图 像 类 型 的 按钮 | Q 图 像 类 型 的 按钮 
首 通 按钮 被 触发 
直 连 接 按钮 被 名 发 
图 片 按钮 被 甬 发 


| È 本 地 Intranet | GAST: I à v R100% v | 人 本 地 Intranet | AET: A 级 > Raos > | 


图 5-4 运行 效果 图 5-5 3 种 类 型 按钮 的 Click 事件 触发 后 的 效果 


按钮 控件 的 Click 事件 并 不 能 传递 参数 , 所 以 处 理 的 事件 相对 简单 。 而 Command 事件 可 
以 传递 参数 ， 负 责 传递 参数 的 是 按钮 控件 的 CommandArgument 和 CommandName 属性 ， 如 
5-6 所 示 。 
将 CommandArgument 和 CommandName 属性 分 别 设置 为 “Hello!” 和 “Show”， 创 建 
一 个 Command 事件 并 在 事件 中 编写 相应 的 代码 ， 示 例 代码 如 下 。 
mE 


Button! BUTTON 


E) 
BTA 

ce 

ClientIDMode 

ComaandArgument 

CommandName 

Enabled 

EnableTheming 

EnableViewState 


OnClientClick 
PostBacklrl 
SkinID 


ComnandAr gunent 


图 5-6 CommandArgument 和 CommandName 属性 


protected void Buttonl Command(object sender, CommandEventArgs e) 

í if(e.CommandName = "Show") 
/如 果 CommandNmae 属性 的 值 为 Show， 则 运行 下 面 代码 

{ 

Labell.Text = e.CommandArgument.ToString(): 
//CommandArgument 属性 的 值 赋值 给 Labell 

) 

J: 


当 按 钮 同时 包含 Click 和 Command 事件 时 ， 通 常情 况 下 会 执行 Command 事件 。 

Command 事件 有 一 些 Click 不 具备 的 好 处 ， 就 是 传递 参数 。 可 以 对 按钮 的 
CommandArgument 和 CommandName 属性 分 别 进行 设置 ， 通 过 判断 CommandArgument 和 
CommandName 属性 来 执行 相应 的 方法 。 这 样 ， 一 个 按钮 控件 就 能 够 实现 不 同 的 方法 ， 使 得 
多 个 按钮 与 一 个 处 理 代码 关联 或 者 一 个 按钮 能 根据 不 同 的 值 进 行 不 同 的 处 理 和 响应 。 相 比 
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Click 单 击 事件 而 言 ，Command 命令 事件 具有 更 高 的 可 控 性 。 
5.24 ”HyperLink( 超 链接 ) 控 件 
该 控件 为 创建 超 链接 提供 了 一 种 简便 的 方法 。 语 法 格式 如 下 。 


<asp:HyperLink “id=" 控 件 名 称 " 

Text=" 显 示 文 字 " 

NavigateUrl="URL 地 址 " 

Target=" 目 标 框架 ， 默 认为 本 框架 ，_blank 为 新 窗口 " 


runat="server" /> 
如 果 将 图 像 文 件 的 路 径 指 定 为 ImageUrl 属性 ， 那 么 这 个 图 像 就 会 取代 Text 属性 ， 成 为 
<a> 元 素 中 的 内 容 。 例 如 : 


<asp:HyperLink id="hyperlinkl" ImageUrl="images/pict.jpg" Target=" blank" 
NavigateUrl=http://www.microsoft.com Text="Microsoft Official Site" runat="server"/> 


5.2.5 图像 控件 (Image) 


图 像 控件 用 于 在 Web 窗 体 中 显示 图 像 ， 图 像 控 件 常用 的 属性 如 下 。 

oè AlternateText: 在 图 像 无 法 显 式 时 显示 的 备用 文本 。 

e ImageAlign: 图 像 的 对 齐 方式 。 

e ImageUrl: 要 显示 图 像 的 URL。 

当 图 片 无 法 显示 时 ， 图 片 将 被 蔡 换 为 AlternateText 属性 中 的 文字 ，ImageAlign 属性 用 来 
控制 图 片 的 对 齐 方式 , 而 ImageUr 属性 用 来 设置 图 像 的 链接 地 址 。 同 样 ， HTML 中 也 可 以 使 
用 <img src=" ale=""> 来 蔡 代 图 像 控 件 。 图 像 控 件 具 有 可 控 性 的 优点 ， 就 是 通过 编程 来 控制 图 
像 控件 。 图 像 控 件 的 基本 声明 代码 如 下 。 


<asp:Image ID="Image1" runat="server" /> 


除了 显示 图 形 以 外 ，Image 控件 的 其 他 属性 还 允许 为 图 像 指定 各 种 文本 ， 各 属性 含义 
如 下 。 
e ToolTip: 浏览 器 显 式 在 工具 提示 中 的 文本 。 
e GenerateEmptyAlternateText: 如 果 将 此 属性 设置 为 rue， 则 呈现 的 图 片 的 alt 属性 将 
设置 为 空 。 
开发 人 员 能 够 为 Image 控件 配置 相应 的 属性 ， 以 便 在 浏览 时 呈现 不 同 的 样式 ， 也 可 以 直 
接 通过 编写 HTML 代码 创建 并 呈现 Image 控件 ， 示 例 代 码 如 下 。 


<asp:Image ID="Imagel" runat="server" 
AlternateText=" 图 片 连接 失效 " ImageUrl="http://www.shangducms.com/images/cms.jpg" /> 
上 述 代 码 设 置 了 一 个 图 片 控件 ， 当 图 片 失效 的 时 候 提示 图 片 连接 失效 。 当 双击 图 像 控 件 
时 ， 系 统 并 没有 生成 事件 所 需要 的 代码 段 ， 这 说 明 Image 控件 不 支持 任何 事件 。 
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5.2.6 ”CheckBox( 复 选 框 ): 和 CheckBoxList( 复 选 框 列 表 ) 控 件 

CheckBox 控件 和 CheckBoxList 控件 分 别 用 于 向 用 户 提供 选项 和 选项 列表 。CheckBox 控 
件 适 合用 在 选项 不 多 且 比 较 固定 的 情况 ， 当 选项 较 多 或 者 需要 在 运行 时 动态 决定 有 哪些 选项 
时 ， 使 用 CheckBoxList 控件 则 比较 方便 。CheckBox 控件 的 语法 格式 如 下 : 


<asp:Checkbox ”id=" 控 件 名 称 " 
Checked="True | False" 
Text=" 关 联 文 字 ， 为 复 选 框 创建 标签 " 
AutoPostBack="True | False " 
OnCheckedChanged=" 单 击 事件 触发 的 事件 过 程 " 


runat="server" /> 
CheckBoxList 控件 的 语法 格式 如 下 : 


<asp:CheckBoxList id=" 控 件 名 称 " AutoPostBack="True | False" 

OnSelectedIndexChanged=" 改 变 选择 时 触发 的 事件 过 程 " 
RepeatColumns=" 整 数 ， 表 示 显 示 的 列 数 ， 默 认为 1" 
RepeatDirection="Vertical | Horizontal， 表 示 排 列 方向 " 
RepeatLayout="Flow | Table， 表 示 排 列 布局 " 
SelectedIndex=" 索 引 值 ， 从 0 开始 ， 表 示 默 认 选 中 项 。 在 运行 时 设置 " 
runat="server"> 
<asp: ListItem Value=" 选 项 值 0" Selected="True | False"> 选 项 文字 0 
</asp: ListItem > 

<asp: ListItem Value=" 选 项 值 1" Selected="True | False"> 选 项 文字 1 

</asp: ListItem > 


</asp:CheckBoxList > 
【 例 5-4】 演 示 CheckBox 、CheckBoxList 控件 的 使 用 。 
(1) 创建 CheckBox.aspx 文件 ,在 设计 页 面 上 添加 一 个 Button. 一 个 Label. 两 个 CheckBox 


和 一 个 CheckBoxList 控件 。 
(2) 在 设置 CheckBoxList 的 选项 时 ， 可 以 通过 ListItem 窗口 进行 设置 。 如 图 5-7 所 示 ， 


可 以 通过 单 击 【编辑 项 .…】 来 打开 【ListItem 集合 编辑 器 】 对 话 框 ， 单 击 【添加 】 按 钮 ， 可 


以 添加 多 选项 ， 如 图 5-8 所 示 。 
ListIten 集合 编辑 要 ax] 
RRW 唱歌 REE) 
"iss, GN = 
+ 日 杂项 
Enabled Ë 
Selected F 
Text 
Value 


| asp:CheckBoxList#CheckBoxtist1 | 
<| CheckBozList 任务 


| 
| 
| 
| 
ETN 


r = E 
Cw] 


O BA AutoPostBack 


图 5-7 选择 CheckBoxList 任务 图 5-8 【Listftem 集合 编辑 器 】 对 话 框 
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(3) 在 CheckBox.aspx 页 面 源 中 添加 如 下 代码 。 


<form id="form1" runat="server"> 
<asp:CheckBoxList ID="CheckBoxList1" runat="server"> 
<asp:ListItem> 唱 歌 </asp:ListItem> 
<asp:ListItem> 跳 舞 </asp:ListItem> 
<asp:ListItem> 读 书 </asp:ListItem> 
<asp:ListItem> 运 动 </asp:ListItem> 
</asp:CheckBoxList> 
<asp:Button ID="Button1" runat="server" onclick="Button1_Click1" Text="Button" /> 
<br /> 
<asp:CheckBox ID="CheckBox1" runat="server" 
oncheckedchanged="CheckBox1 CheckedChanged1" /> 改变 风格 
<br /> 
<asp:CheckBox ID="CheckBox2" runat="server" 
oncheckedchanged="CheckBox2 CheckedChanged1" /> 改变 颜色 
<br /> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 
<br /> 


</form> 
(4) fE CheckBox.aspx.cs 中 添加 如 下 代码 。 


using System; 

using System.Collections.Generic: 

using System.Linq; 

using System.Web; 

using System.Web.UIL 

using System.Web.UL WebControls; 

public partial class CheckBox : System. Web.UI. Page 


i 
protected void Page Load(object sender, EventArgs e) 
í 
ji 
protected void Button1_Click1(object sender, EventArgs e) 
{ 
string str = "选择 结果 : " 
Labell.Text = ""; 
for (int i = 0; i < CheckBoxList1 .Items.Count; i++) 
i 
if (CheckBoxList1.Items[i].Selected) 
{ 
str += CheckBoxList1.Items[i] Text +", "; 
J) 


) 
if (str.EndsWith("、") = true) str = str.Substring(0, str.Length - 1); 
Labell.Text = str; 
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if (str = "选择 结果 : ") 


í 
string scriptString = "alert(' 请 作出 选择 ! 9:": 
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "warning!", 
ScriptString, true); 
H 
else 
Í 
Labell. Visible = true; 
Labell. Text = str; 
J: 
} 
protected void CheckBox1_CheckedChanged1(object sender, EventArgs e) 
í 
this.CheckBoxList1.BackColor = 
CheckBox1.Checked ? System.Drawing.Color.Beige : System. Drawing.Color. Azure; 
CheckBoxList1.RepeatDirection = 
CheckBox1.Checked ? RepeatDirection. Horizontal : RepeatDirection. Vertical; 
5 
protected void CheckBox2_CheckedChanged] (object sender, EventArgs e) 
Í 
if (CheckBox2.Checked) 
í 
this.CheckBoxList1.ForeColor = System.Drawing.Color.Red; 
Labell.ForeColor = System.Drawing.Color.Red; 
} 
else 
{ 
this.CheckBoxList1.ForeColor = System.Drawing.Color.Black; 
Labell.ForeColor = System.Drawing.Color.Black; 
l 
} 
} 
(5) 运行 结果 如 图 5-9 和 图 5-10 所 示 。 


Í http://localhost:536...! 


GO httpy/localh.. 加 > | 4 


|% 1 httpyfocalhost:53615/Check.. 


TĒ http://localhost:536.. 


1 httpy/localh.. 回 ~ |41 


TER UAF 回 读书 日 运动 
回 改变 风格 

日 改变 颜色 

选择 结果 跳舞、 读书 


@ ##intrane fa > R100% ~ 


图 5-10 选择 复 选 框 后 单 击 Button 
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5.2.7 RadioButton 和 RadioButtonList 控件 


在 向 ASPNET 网 页 添加 单 选 按钮 时 ， 可 以 使 用 两 种 服务 器 控件 实现 : 单个 RadioButton 
控件 或 RadioButtonList 控 件 。. 这 两 种 控件 都 允许 用 户 从 一 小 组 互 斥 的 预定 义 选项 中 进行 选择 。 
这 些 控件 允许 定 义 任 意 数目 带 标 签 的 单 选 按钮 ， 并 将 它们 水 平 或 垂直 排列 。 

每 类 控件 都 有 各 自 的 优点 。 单 个 RadioButton 控件 可 以 更 好 地 控制 单 选 按钮 组 的 布局 。 
例如 ， 可 以 在 各 单 选 按钮 之 间 加 入 文本 ( 即 非 单 选 按钮 文本 )。 

RadioButtonList 控件 不 允许 用 户 在 按钮 之 间 插 入 文本 ， 但 如 果 想 将 按钮 绑 定 到 数据 源 ， 
使 用 这 类 控件 要 方便 得 多 。 在 编写 代码 以 检查 所 选 定 的 按钮 方面 ， 它 也 稍微 简单 一 些 。 

RadioButton 控件 的 语法 格式 如 下 : 


<asp:RadioButton ”id=" 控 件 名 称 " 
Checked="True | False， 表 示 控 件 是 否 被 选中 " 
Text=" 关 联 文字 ， 为 单 选 按 钮 创建 标签 " 
TextAlign=" True | False， 表 示 文 本 标签 相对 于 控件 的 对 齐 方 式 " 
GroupName=" 单 选 控件 所 处 的 组 名 称 " 
AutoPostBack="True | False " 
OnCheckedChanged=" 单 击 触发 的 事件 过 程 " 


runat="server" /> 


单 选 按 钮 控件 通常 用 Checked 属性 来 判断 某 个 选项 是 否 被 选中 ， 多 个 单 选 按钮 控件 之 间 
可 能 存在 着 某 些 联系 ， 这 些 联系 通过 GroupName 进行 约束 和 联系 ， 示 例 代码 如 下 : 


<asp:RadioButton ID="RadioButton1" AutoPostBack="true" runat="server" GroupName="choose" 
Text="Choosel" /> 

<asp:RadioButton ID="RadioButton2" AutoPostBack="true" runat="server" GroupName="choose" 
Text="Choose2" /> 


上 述 代码 声明 了 两 个 单 选 按钮 控件 ， 并 将 GroupName 属性 都 设置 为 “choose”。 单 选 按 
钮 控件 中 最 常用 的 事件 是 CheckedChanged， 当 控件 的 选中 状态 改变 时 ， 则 触发 该 事件 ， 示 例 
代码 如 下 : 


protected void RadioButton] CheckedChanged(object sender, EventArgs e) 


ú 
Labell.Text = "第 一 个 被 选中 "; 
protected void RadioButton2_CheckedChanged(object sender, EventArgs e) 
ú 
Labell.Text = "第 二 个 被 选中 "; 
ji 


RadioButtonList 的 语法 格式 如 下 : 


<asp:RadioButtonList id=" 控 件 名 称 " 
AutoPostBack="True | False" 
OnSelectedIndexChanged=" 改 变 选择 时 触发 的 事件 过 程 " 
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RepeatColumns=" 整 数 ， 表 示 显 示 的 列 数 ， 默 认为 1" 
RepeatDirection="Vertical | Horizontal， 表 示 排 列 方向 " 
RepeatLayout="Flow | Table， 表 示 排 列 布局 " 
SelectedIndex=" 索 引 值 ， 从 0 开始 ， 表 示 默 认 选 中 项 。 只 能 在 运行 时 设置 " 
Tunat="server"> 
<asp: ListItem Value=" 选 项 值 0" Selected="True | False"> 
选项 文字 0 
</asp: ListItem > 
<asp: ListItem Value=" 选 项 值 1" Selected="True | False"> 
选项 文字 1 
</asp: ListItem > 


</asp:RadioButtonList> 
1. 对 单 选 按钮 分 组 


单 选 按钮 很 少 单独 使 用 ， 通 常 是 进行 分 组 以 提供 一 组 互 斥 的 选项 。 在 一 个 组 内 ， 每 次 只 
能 选择 一 个 单 选 按钮 。 有 以 下 两 种 方法 创建 分 组 的 单 选 按钮 。 

(1) 先 向 页 面 中 添加 单个 的 RadioButton 控件 ， 然 后 将 所 有 这 些 控件 手动 分 配 到 一 个 组 
中 。 具 有 相同 组 名 的 所 有 单 选 按 钮 被 视 为 该 组 的 组 成 部 分 。 

(2) 向 页 面 中 添加 一 个 RadioButtonList 控件 。 该 控件 中 的 列表 项 将 自动 进行 分 组 。 

2. RadioButton 事件 


在 单个 RadioButton 控件 和 RadioButtonList 控件 之 间 ， 事 件 的 工作 方式 略 有 不 同 。 

单个 RadioButton 控件 在 用 户 单 击 该 控件 时 引发 CheckedChanged 事件 。 默认 情况 下 ,该 
事件 并 不 导致 向 服务 器 发 送 页 面 ， 但 通过 将 AutoPostBack 属性 设置 为 tue， 可 以 使 该 控件 强 
制 立 即 发 送 。 

与 单个 RadioButton 控件 相反 ，RadioButtonList 控件 在 用 户 更 改 列表 中 选 定 的 单 选 按钮 
时 会 引发 SelectedindexChanged 事件 。 默 认 情况 下 ， 此 事件 并 不 导致 向 服务 器 发 送 页 面 ， 但 
可 以 通过 将 AutoPostBack 属性 设置 为 true 来 指定 此 选项 。 


52.8 列表 控件 (DropDownList 和 ListBox) 


在 Web 开发 中 ， 经 常 需 要 使 用 列表 控件 ， 让 用 户 的 输入 变 得 简单 。 例 如 在 用 户 注册 时 ， 
用 户 的 所 在 地 是 有 限 元 素 的 集合 ， 而 且 用 户 不 喜欢 经 常 输入 ， 这 时 可 以 使 用 列表 控件 。 列 表 
控件 能 够 简化 用 户 输入 并 且 防 止 用 户 输入 实际 中 不 存在 的 数据 ， 如 性 别 的 选择 等 。 

1. DropDownList 列表 控件 

列表 控件 能 在 一 个 控件 中 为 用 户 提供 多 个 选项 ， 同 时 还 能 避免 用 户 输入 错误 的 选项 。 
DropDownList 是 一 个 单项 选择 下 拉 列 表 框 控件 ， 其 语法 格式 如 下 : 


<asp:DropDownList id=" 控 件 名 称 " 
AutoPostBack="True | False" 
OnSelectedIndexChanged=" 改 变 选择 时 触发 的 事件 过 程 " 


lin! 
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Tunat="server"> 

<asp: Listitem Value=" 选 项 值 1" Selected="True | False"> 
选项 文字 1 

</asp: ListItem> 

<asp: ListItem Value=" 选 项 值 2" Selected="True | False"> 
选项 文字 2 

</asp: ListItem> 


</asp:DropDownList > 


以 上 代码 创建 了 一 个 DropDownList 列表 控件 , 并 能 手动 增加 列表 项 。 同 时 , DropDownList 
列表 控件 也 可 以 绑 定 数据 源 控件 。DropDownList 列表 控件 最 常用 的 事件 是 SelectedIndex- 
Changed， 当 DropDownList 列表 控件 的 选择 项 发 生变 化 时 ， 则 会 触发 该 事件 。 

2. ListBox 列表 控件 

相对 于 DropDownList 控件 而 言 ，ListBox 控件 可 以 指定 是 否 允 许 用 户 多 项 选择 ， 其 语法 

格式 如 下 : 


<asp:ListBox id=" 控 件 名 称 " 

AutoPostBack="True | False" 
OnSelectedIndexChanged=" 改 变 选择 时 触发 的 事件 过 程 " 
SeletionMode="Single | Multiple， 表 示 单 选 或 多 选 ， 默 认为 单 选 " 
Rows=" 整 数 ， 表 示 显 示 的 行 数 " 

runat="server"> 

<asp: ListItem ”value=" 选 项 值 1" selected="True | False"> 
选项 文字 1 
</asp: ListItem > 

<asp: ListItem value=" 选 项 值 2"” selected="True | False"> 
选项 文字 2 
</asp:l ListItem > 


</asp:ListBox> 


相对 于 DropDownList 控件 而 言 ，ListBox 控件 可 以 指定 是 否 允许 用 户 多 项 选择 。 设 置 
SelectionMode 属性 为 Single 时 ， 表 明 只 人 允许 用 户 从 列表 框 中 选择 一 项 ， 而 当 SelectionMode 
属性 设置 为 Multiple 时 ， 用 户 可 以 按 住 Ctrl 键 或 者 使 用 Shift 组 合 键 从 列表 中 选择 多 项 。 

【 例 5-5】 演 示 DropDownList, ListBox 控件 的 使 用 。 

(1) 创建 文件 DropDownListaspx， 添 加 一 个 DropDownList、 一 个 ListBox 和 两 个 Label 

控件 ， 并 且 使 用 ListItem 为 DropDownList 和 ListBox 控件 添加 选项 ， 代 码 如 下 : 


<form id="form1" runat="server"> 
<div> 
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" 
OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged1"> 
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<asp:ListItem> 请 选择 一 门 课程 </asp:ListItem> 


<asp:ListItem>ASP.NET</asp:ListItem> 

<asp:ListItem>JSP</asp:ListItem> 

<asp:ListItem>PHP</asp:ListItem> 

<asp:ListItem> 数 据 结构 </asp:ListItem> 

<asp:ListItem> 操 作 系 统 </asp:ListItem> 

<asp:ListItem> 数 据 库 原理 </asp:ListItem> 
</asp:DropDownList> 


<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 


<br /> 


<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True" 
onselectedindexchanged="ListBox1l_SelectedIndexChanged" 


SelectionMode="Multiple"> 


<asp:ListItem> 请 选择 多 门 课程 </asp:ListItem> 


<asp:ListItem>ASP.NET</asp:ListItem> 

<asp:ListItem>JSP</asp:ListItem> 

<asp:ListItem>PHP</asp:ListItem> 

<asp:ListItem> 数 据 结构 </asp:ListItem> 

<asp:ListItem> 操 作 系 统 </asp:ListItem> 

<asp:ListItem> 数 据 库 原理 </asp:ListItem> 
</asp:ListBox> 


<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
</div> 
</form> 


(2) 在 DropDownListaspx.cs 中 添加 如 下 代码 。 


protected void DropDownList1_SelectedIndexChanged1(object sender, EventArgs e) 


{ 


} 


Labell.Text = "你 选择 了 " + DropDownList1.Text + "课程 "; 


protected void ListBoxl_SelectedIndexChanged(object sender, EventArgs e) 


{ 


} 


如 果 允 许 用 户 选择 多 项 ， 只 需要 设置 其 SelectionMode JEt 


string str = ""; 
Label2.Text = ""; 
for (int i = 0; i < ListBox1.Items.Count; i++) 
{ 
if (ListBox1.Items[i].Selected) 


{ 
str += ListBox1.Items[i] Text +", "; 


} 
Label2.Text = "你 选择 了 "+ str + "课程 "; 


EX Multiple 即 可 ， 如 图 5-11 
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所 示 。 
属性 -4x 
ListBezl Systen Feb. UT YebControls ListBox v 
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CEE 
AppendDataBoundItems False 


Ë 


图 5-11 设置 SelectionMode 属性 


(3) 运行 代码 ， 效 果 如 图 5-12 和 图 5-13 所 示 。 
eter misis pr = 
ue ooch © |4] x| . 


|| | http;//localhost:53615/DropDo... 


t53615/Dr.. El 
L mpy/localh. WJ) v 
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操作 系统 B 
你 选择 了 操作 系统 课程 
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[PHP -| 
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图 5-12 ”列表 初始 效果 图 5-13 列表 选择 之 后 的 效果 


5.2.9 MultiView 和 View 控件 


MultiView 和 View 控件 可 以 制作 出 选项 卡 的 效果 .MultiView 控件 用 作 一 个 或 多 个 View 
控件 的 外 部 容器 。View 控件 又 可 包含 标记 和 控件 的 任何 组 合 。 

如 果 要 切换 视图 ， 可 以 使 用 控件 的 ID 或 者 View 控件 的 索引 值 。 在 MultiView 控件 中 ， 
一 次 只 能 将 一 个 View 控件 定义 为 活动 视图 。 如 果 某 个 View 控件 定义 为 活动 视图 , 则 它 所 包 
含 的 子 控件 会 呈现 到 客户 端 。 可 以 使 用 ActiveViewIndex 属性 或 SetActiveView 方法 定义 活动 
视图 。 如 果 ActiveViewIndex 属性 为 裤 ， 则 MultiView 控件 不 向 客户 端 呈 现任 何 内 容 。 如 果 活动 
视图 设置 为 MultiView 控件 中 不 存在 的 View, 则 会 在 运行 时 引发 ArgumentOutOfRangeException。 

MultiView 控件 的 一 些 常 用 的 属性 和 方法 如 下 。 

e ActiveViewIndex 属性 : 用 于 获取 或 设置 当前 被 激活 显示 的 View 控件 的 索引 值 。 默 

认 值 为 - 1， 表 示 没 有 View 控件 被 激活 。 

© SetActiveView 方法 : 用 于 激活 显示 特定 的 View 控件 。 

e ActiveViewChanged 事件 : 当 视 图 切换 时 被 激发 。 

MultiView 控件 一 次 显示 一 个 View 控件 ， 并 公开 该 View 控件 内 的 标记 和 控件 。 通 过 设 
置 MultiView 控件 的 ActiveViewIndex 属性 ， 可 以 指定 当前 可 见 的 View 控件 。 
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1. 呈现 View 控件 内 容 


未 选择 某 个 View 控件 时 ， 该 控件 不 会 呈现 到 页 面 中 。 但 是 ， 每 次 呈现 页 面 时 都 会 创建 
所 有 View 控件 中 的 所 有 服务 器 控件 的 实例 ， 并 且 将 这 些 实例 的 值 存储 为 页 面 的 视图 状态 的 
一 部 分 。 

无 论 是 MultiView 控件 还 是 各 个 View 控件 ， 除 当前 View 控件 的 内 容 外 ， 都 不 会 在 页 面 
中 显示 任何 标记 。 例如 ， 这些 控件 不 会 以 与 Panel 控件 相同 的 方式 来 呈现 div 元 素 ,也 不 支持 
可 以 作为 一 个 整体 应 用 于 当前 View 控 件 的 外 观 属性 .但 是 , 可 以 将 一 个 主题 分 配给 MultiView 
或 View 控件 ， 控 件 将 把 该 主题 应 用 于 当前 View 控件 的 所 有 子 控件 。 


2. 引用 控件 


每 个 View 控件 都 支持 Controls 属性 , 该 属性 包含 该 View 控件 中 的 控件 集合 。 也 可 以 在 
代码 中 单独 引用 View 控件 中 的 控件 。 


3. 在 视图 间 导 航 


除了 通过 将 MultiView 控件 的 ActiveViewIndex 属性 设置 为 要 显示 的 View 控件 的 索引 值 
进行 导航 外 ，MultiView 控件 还 支持 可 以 添加 到 每 个 View 控件 的 导航 按钮 。 

若 要 创建 导航 按钮 ， 可 以 向 每 个 View 控件 中 添加 一 个 按钮 控件 (Button、LinkButton 或 
ImageButton), 然后 可 以 将 每 个 按钮 的 CommandName 和 CommandArgument 属性 设置 为 保留 
值 ， 以 使 MultiView 控件 移动 到 另 一 个 视图 。 

【 例 5-6] View 和 MultiView 控件 示例 。 EC | 


O 在 网 站 根 目 录 下 ， 添 加 新 页 面 a CAN C ERN 
Multi ViewControl.aspx o MultView1 
(2) 切换 到 MultiViewControlaspx 页 的 【 设 AHE 下 
计 】 视 图 。 pares EEC 
O 输入 静态 文本 “ 按 书 名 、 类 别 或 出 版 =— 
社 搜 索 ? ”， 如 图 5-14 所 示 ， 添 加 3 个 saa, [一 一 一 一 一 一 
RadioButton 控件 到 页 面 上 。 切换 到 【 源 】 视 图 ， 1a] 
修改 其 HTML 代码 如 下 : 图 5-14 添加 控件 


按 书 名 、 类 别 或 出 版 社 搜索 ? 
<br/> 
<asp:RadioButton ID="radioProduct" runat="server" AutoPostBack="true" 
GroupName="SearchType" Text=" #" OnCheckedChanged="radioButton CheckedChanged" /> 
<asp:RadioButton ID="radioCategory" runat="server" AutoPostBack="true" 
GroupName="SearchType" Text=" 类 别 " OnCheckedChanged="radioButton CheckedChanged" /> 
<asp:RadioButton ID="radioPublisher" runat="server" GroupName="SearchType" 
AutoPostBack="True" Text=" 出 版 社 " OnCheckedChanged="radioButton CheckedChanged" /> 


请 注意 将 3 个 RadioButton 的 CheckChanged 事件 的 处 理 程序 设置 为 onchecked changed= 


"radioButton CheckedChanged", 这 样 单 击 任 意 一 个 RadioButton, 响应 它们 的 处 理 程序 都 是 相 
同 的 。 
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(4) 从 【工具 箱 】 的 【标准 】 选 项 卡 中 , 拖 动 MultiView 控件 到 页 面 上 ， 再 拖 动 3 个 View 
控件 到 MultiView 上 ， 拖 动 一 个 Button 控件 到 页 面 上 。 

分 别 单 击 3 个 View 控件 ,将 ID 属性 分 别 改 为 viewProductSearch、viewCategorySearch、 
ViewPublisher; 直接 输入 静态 文本 “输入 书 名 ”、“ 输 入 类 别 ”、“ 输 入 出 版 社 名 ”; 从 【 工 
有 具 箱 】 的 【标准 】 选 项 卡 中 ， 分 别 拖 动 3 A Textbox 控件 到 3 个 View 控件 上 ， 将 属性 分 
别 修改 为 textProductName、textCategory、textPublisher。 


(5) 切换 到 源 视图 中 ， 可 以 看 到 如 下 所 示 的 代码 。 


<asp:MultiView ID="MultiView1" runat="server"> 

<asp:View ID="viewProductSearch" runat="server"> 
输入 书 名 : &nbsp:&nbsp;&nbsp;&nbsp;&nbsp:&nbsp:&nbsp; 
<asp:TextBox ID="textProductName" runat="server"> 
</asp:TextBox> 

</asp:View> 

<asp:View ID="viewCategorySearch" runat="server"> 
输入 类 别 : &nbsp;&nbsp;&nbsp:&nbsp:&nbsp:&nbsp: 
<asp:TextBox ID="textCategory" runat="server"> 
</asp:TextBox> 

</asp:View> 

<asp:View ID="ViewPublisher" runat="server"> 

输入 出 版 社 名 : <asp:TextBox ID="textPublisher" runat="server"></asp:TextBox> 
</asp:View> 
</asp:MultiView>&nbsp; 


(6) 设置 Buttonl 控件 的 标记 如 下 : 
<asp:Button ID="btnSearch" OnClick="Buttonl_Click" runat="server" Text="Search" /> 


(7) 切换 到 MultiViewControl.aspx.cs， 在 “类 ”体内 添加 如 下 代码 。 


public enum SearchType 
ú 

NotSet = -1, 

Products = 0, 

Category = 1, 

Publisher = 2 
J 
protected void Page Load(object sender, EventArgs e) 
Í 

MultiView1.ActiveViewIndex = 0; 

) 
protected void Button1_Click(Object sender, System.EventArgs e) 
{ 


if (MultiView1.ActiveViewIndex > -1) 
{ 
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SearchType mSearchType = (SearchType)MultiView1.ActiveViewlndex; 
switch (mSearchType) 


{ 
case SearchType.Products: 
DoSearch(textProductName. Text, mSearchType); 
break; 
case SearchType.Category: 
DoSearch(textCategory.Text, mSearchType); 
break; 
case SearchType.Publisher: 
DoSearch(textPublisher. Text, mSearchType); 
break; 
case SearchType.NotSet: 
break: 
H 
} 
} 
protected void DoSearch(String searchTerm, SearchType type) 
Í 
// Code here to perform a search. 
string scriptString = "alert("+" 您 输入 的 "+searchTerm+");"; 
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "success", scriptString, true); 
// Response.Write(" 您 输入 的 "+ searchTerm ); 
} 
protected void radioButton CheckedChanged(Object sender, System.EventArgs e) 
ú 
1f (radioProduct.Checked) 
í 
MultiView1.ActiveViewlndex = (int)SearchType.Products; 
} 
else if (radioCategory.Checked) 
{ 
MnultiView1.ActiveViewIndex = (int)SearchType.Category; 
} 
else if (radioPublisher.Checked) 
{ 
MultiView1.ActiveViewIndex = (inbSearchType.Publisher: 
} 


(8) 运行 代码 ， 当 选中 不 同 的 单 选 按钮 时 ， 下 面 就 显示 相对 应 的 View 内 容 ， 效 果 如 图 
5-15 和 图 5-16 所 示 。 
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图 5-15 初始 运行 结果 图 5-16 选择 之 后 的 结果 


5.2.10 ”广告 控件 (AdRotator) 


AdRotator 服务 器 控件 提供 一 种 在 ASP.NET 网 页 上 显示 广告 的 方法 。 该 控件 可 以 显示 .gif 
文件 或 其 他 图 形 图 像 。 当 用 户 单 击 广告 时 ， 系 统 会 将 它们 重 定向 到 指定 的 目标 URL, 

AdRotator 服务 器 控件 可 以 从 数据 源 (通常 是 XML 文件 或 数据 库 表 ) 提 供 的 广告 列表 中 自 
动 读 取 广 告 信息 ， 如 图 形 文件 名 和 目标 URL。 可 以 将 信息 存储 在 一 个 XML 文件 或 数据 库 表 
中 ， 然 后 将 AdRotator 控件 绑 定 到 相应 的 数据 源 。 

AdRotator 控件 会 随机 选择 广告 ， 每 次 刷新 页 面 时 都 将 更 改 显 示 的 广告 。 广 告 可 以 加 权 
以 控制 广告 条 的 优先 级 别 ， 这 可 以 使 某 些 广告 的 显示 频率 比 其 他 广告 高 。 也 可 以 编写 在 广告 
间 循 环 的 自 定义 逻辑 。 

AdRotator 控件 的 所 有 属性 都 是 可 选 的 。XML 文件 中 可 以 包括 下 列 属性 。 


ImageUrl: 要 显示 的 图 像 的 URL。 

NavigateUrl: 单 击 AdRotator 控件 时 要 转 到 的 网 页 的 URL。 

AlternateText: 图 像 不 可 用 时 显示 的 文本 。 

Keyword: 可 用 于 筛选 特定 广告 的 广告 类 别 。 

Impressions: 一 个 指示 广告 的 可 能 显示 频率 的 数值 (加权 数值 )。 在 XML 文件 中 ， 所 
有 Impressions 值 的 总 和 不 能 超过 2,048,000,000 - 1 。 

Height: 广告 的 高 度 (以 像素 为 单位 )。 此 值 会 重 写 AdRotator 控件 的 默认 高 度 设置 。 
Width: 广告 的 宽度 (以 像素 为 单位 )。 此 值 会 重 写 AdRotator 控件 的 默认 宽度 设置 。 


[J 5-7】 使 用 AdRotator 服务 器 控件 显示 数据 库 中 的 广告 。 
(1) 在 App Data 文件 夹 中 新 建 名 为 ImageFile xml 的 文件 ， 然 后 添加 如 下 代码 。 


<?xml version="1.0" encoding="utf-8" ?> 
<Advertisements> 
<Ad> 
<ImageUrl>—/google.png</ImageUrl> 
<NavigateUrl>http://www.google.com</NavigateUrl> 
<AlternateText>Ad for Google, Ltd. Web site</AlternateText> 
<Impressions>100</Impressions> 
</Ad> 
<Ad> 
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<ImageUrl>—/yahoo.png</ImageUrl> 
<NavigateUrl>http://www.yahoo.com</NavigateUrl> 
<AlternateText>Ad for Yahoo Web site</AlternateText> 
<Impressions>50</Impressions> 
</Ad> 
</Advertisements> 


(2) 新 建文 件 Ad.aspx 文件 ， 添 加 一 个 AdRotator 控件 。 


G) 单 击 AdRotator 控件 的 【智能 标记 】， 选 择 【 新 建 数 据 源 】， 如 图 5-17 所 示 ， 打 开 
【数据 源 配置 向 导 】 对 话 框 ， 选 择 【xml 文件 】 选 项 ， 如 图 5-18 所 示 ， 单 击 【确定 】 按 钮 ， 
打开 【配置 数据 源 】 对 话 框 中 ， 将 【数据 文件 】 输 入 框 设置 为 “~/App_Data/ImageFilexml”， 


最 后 单 击 【 确 定 】 按 钮 ， 如 图 5-19 所 示 。 


pT rr s AdRotator T 


E] AdRotator 任务 
222 2) o 3 


图 5-17 AdRotator 控件 图 5-18 【数据 源 配置 向 导 】 对 话 杠 


W @ 
RENEA - XmIDataSource 人 


BRIHO): 
上 MApp_Data/imageFilexml 


IIET): 
转换 文件 介绍 应 如 何 棕 XML 文件 结构 转换 为 其 他 结构 
XPath 表达 式 (X): 


利用 XPath SATSE XML 文件 中 的 数 寄 ,并 且 仅 返回 该 文件 的 子 集 。 


图 5-19 【配置 数据 源 】 对 话 框 


A 测试 广告 。 单 击 几 次 浏览 器 的 【刷新 】 按 钮 ， 可 显示 不 同 的 广告 信息 ， 出 现 的 广告 是 


随机 变化 的 ， 如 图 5-20 和 5-21 所 示 。 
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图 5-20 广告 效果 1 图 5-21 广告 效果 2 


5.2.11 ”表格 控件 (Table) 


Table 控件 和 HIML Table 控件 非常 相似 。 表 格 控件 (Table) 用 来 提供 可 编程 的 表格 服务 器 
控件 ， 表 中 的 行 可 以 通过 TableRow 控件 创建 ， 表 中 的 列 通过 TableCell 控件 来 实现 。 当 创建 
一 个 表 控件 时 ， 系 统 生成 的 代码 如 下 : 


<asp:Table ID="Tablel" runat="server" Height="121px" Width="177px"> 
</asp:Table> 


上 述 代码 自动 生成 了 一 个 表格 控件 , 但 是 没有 生成 表格 中 的 行 和 列 , 必须 通过 TableRow 
创建 行 ， 通 过 TableCell 来 创建 列 。 还 可 以 设置 Table 控件 的 BackImageUrl 属性 ， 用 来 在 表 
格 的 背景 中 显示 图 像 。 默 认 情况 下 ， 表 中 内 容 的 水 平 对 齐 方 式 是 未 设置 的 。 如 果 要 指定 水 平 
对 齐 方 式 , 则 需要 设置 HorizontalAlignment 属性 。 各 个 单元 格 之 间 的 间距 由 CellSpacing 属性 
控制 。 通过 设置 CellPadding 属性 ， 可 以 指定 单元 格 内 容 与 单元 格 边框 之 间 的 空间 量 。 要 显示 
单元 格 边框 ， 可 以 设置 GridLines 属性 。 可 显示 水 平 线 、 垂 直线 或 同时 显示 这 两 种 线 。 示 例 
代码 如 下 : 


<asp:TableRow> 

<asp:TableCell>1</asp:TableCell> 
<asp:TableCell>2</asp:TableCell> 
<asp:TableCell>3</asp:TableCell> 

</asp:TableRow> 

<asp:TableRow> 
<asp:TableCell>4</asp:TableCell> 
<asp:TableCell>5</asp:TableCell> 
<asp:TableCell>6</asp:TableCell> 
</asp:TableRow> 
<asp:TableRow> 
<asp:TableCell>7</asp:TableCell> 
<asp:TableCell>8</asp:TableCell> 
<asp:TableCell>9</asp:TableCell> 
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</asp:TableRow> 
</asp:Table> 


上 述 代码 创建 了 一 个 3 行 3 列 的 表格 。 
表 控 件 和 静态 表 的 区 别 在 于 : 表 控件 能 够 动态 地 为 表格 创建 行 或 列 ， 实 现 一 些 特定 的 程 


【 例 5-8】Table 的 示例 。 
(1) 创建 Table.aspx 页 面 。 
(2) 创建 一 个 2 行 4 列 的 表格 ， 同 时 创建 一 个 Button 按钮 控件 来 实现 动态 增加 一 行 的 效 
果 。 代 码 如 下 : 


<%(@ Page Language="C#" AutoEventWireup="true" CodeFile="table.aspx.cs" Inherits="table" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<script runat="server"> 
protected void Button1_Click(object sender, EventArgs e) 


Í 
TableRow row = new TableRow(); 
Tablel.Rows.Add(row): /创建 一 个 新 行 
for (int i=9; i < 13; i++) /遍历 4 次 创建 新 列 
TableCell cell = new TableCell0; /定义 一 个 TableCell 对 象 
cell.Text = i.ToString(); // 编 写 TableCell 对 象 的 文本 
row.Cells.Add(cell); // 增 加 列 
} 
Ë 
</script> 
<html > 
<head> 
<title>Table 控件 </title> 
</head> 


<body style="font-style: italic"> 
<form id="form1" runat="server"> 
<div> 
<asp:Table ID="Table1" runat="server" Height="121px" Width="177px" 
BackColor="Silver"> 
<asp:TableRow ID="row"> 
<asp:TableCell>1</asp:TableCell> 
<asp:TableCell>2</asp:TableCell> 
<asp:TableCell>3</asp:TableCell> 
<asp:TableCell BackColor="White">4</asp:TableCell> 
</asp:TableRow> 
<asp:TableRow> 
<asp:TableCell>5</asp:TableCell> 
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<asp:TableCell >6</asp:TableCell> 
<asp:TableCell BackColor="White">7</asp:TableCell> 
<asp:TableCell>8</asp:TableCell> 
</asp:TableRow> 
</asp:Table> 
<br/> 
<asp:Button ID="Button1" runat="server" Text=" 添 加 "onclick="Buttonl_Click" /> 
</div> 
</form> 
</body> 


G) 页 面 运行 效果 如 图 5-22 所 示 ， 单 击 【 添 加 】 按 钮 ， 系 统 会 在 表格 中 创建 新 行 ， 如 图 
5-23 所 示 。 
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图 5-22 原 表格 图 5-23 动态 增加 一 行 


Q Hit Intranet | 保护 a > R100% > 


在 动态 创建 行 和 列 的 时 候 ， 也 可 以 修改 行 和 列 的 样式 等 属性 ， 创 建 自 定义 样式 的 表格 。 
通常 ， 表 不 仅 可 用 来 显示 表格 的 信息 ， 还 是 一 种 传统 的 布局 网 页 的 形式 ， 创 建 网 页 表格 有 如 
下 3 种 形式 。 

° HTML 格式 的 表格 : 即 <table> 标 记 显示 的 静态 表格 。 

© HtmlTable 控件 : 将 传统 的 <table> 控 件 通过 添加 runat="server" 属 性 转换 为 服务 器 控 

件 。 

o Table 表格 控件 : 就 是 本 节 介绍 的 表格 控件 。 

虽然 创建 表格 有 以 上 3 种 方法 ， 但 是 推荐 开发 人 员 尽量 使 用 静态 表格 ， 当 不 需要 对 表格 
做 任何 逻辑 事务 处 理 时 ， 最 好 使 用 HTML 格式 的 表格 ， 因 为 这 样 可 以 极 大 地 降低 页 面 逻辑 、 
增强 性 能 。 


5.2.12 Literal 控件 和 Panel 控件 

Literal 控件 和 Panel 控件 均 可 作为 容器 控件 ， 但 二 者 的 适用 场合 不 同 ， 下 面 分 别 进行 
介绍 。 

1. Literal 控件 

Literal 控件 可 以 作为 页 面 上 其 他 内 容 的 容器 ， 常 用 于 向 页 面 中 动态 添加 内 容 。 
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对 于 静态 内 容 ， 无 需 使 用 容器 ， 可 以 将 标记 作为 HTML 直接 添加 到 页 面 中 。 但是， 如 果 
要 动态 添加 内 容 ， 则 必须 将 内 容 添 加 到 容器 中 。 典 型 的 容器 有 Label, Literal. Panel 和 
PlaceHolder 控件 。 
Literal 控件 与 Label 控件 的 区 别 在 于 Literal 控件 不 向 文本 中 添加 任何 HTML 元 素 (Label 
控件 将 呈现 一 个 span 元 素 )。 因 此 ，Literal 控件 不 支持 包括 位 置 属性 在 内 的 任何 样式 属性 。 
但 是 ，Literal 控件 允许 指定 是 否 对 内 容 进行 编码 。 
Panel 和 PlaceHolder 控件 呈现 为 div 元 素 , 这 将 在 页 面 中 创建 离散 块 , 与 Label 和 Literal 
控件 进行 内 能 呈现 的 方式 不 同 。 
通常 情况 下 ， 当 希望 文本 和 控件 直接 呈现 在 页 面 中 而 不 使 用 任何 附加 标记 时 ， 可 以 使 用 
Literal 控件 。 
Literal 控件 最 常用 的 属性 是 Mode 属性 ， 该 属性 用 于 指定 控件 对 所 添加 的 标记 的 处 理 方 
式 。 可 以 将 Mode 属性 设置 为 以 下 值 。 
© Transform: 将 对 添加 到 容器 中 的 任何 标记 进行 转换 ， 以 适应 请 求 浏览 器 的 协议 。 如 
果 向 使 用 HTML 外 的 其 他 协议 的 移动 设备 呈现 内 容 ， 此 设置 非常 有 用 。 

© PassThrough: 添加 到 容器 中 的 任何 标记 都 将 按 原 样 呈现 在 浏览 器 中 。 

© Encode: 将 使 用 HtmlEncode 方 法 对 添加 到 容器 中 的 任何 标记 进行 编码 , 这 会 将 HTML 
编码 转换 为 其 文本 表示 形式 。 例 如 ，<b> 标 记 将 呈现 为 &lt:b&gt;。 当 希望 浏览 器 显示 
而 不 解释 标记 时 ， 编 码 将 很 有 用 。 编 码 对 于 安全 也 很 有 用 ， 有 助 于 防止 在 浏览 器 中 
执行 恶意 标记 。 显 示 来 自 不 受信 任 的 源 字符 串 时 推荐 使 用 此 设置 。 


2. Panel 控件 


Panel 控件 在 ASP.NET 网 页 内 提供 了 一 种 容器 控件 ， 可 以 将 它 用 作 静 态 文 本 和 其 他 控件 
的 父 控件 ， 向 该 控件 中 添加 其 他 控件 和 静态 文本 。 

可 以 将 Panel 控件 用 作 其 他 控件 的 容器 。 当 以 编程 的 方式 创建 内 容 并 需要 一 种 将 内 容 插 
入 到 页 面 中 的 方法 时 , Panel 控件 尤为 适用 。 以 下 部 分 描述 了 可 以 使 用 Panel 控件 的 其 他 方法 。 

(1) 动态 生成 的 控件 的 容器 

Panel 控件 为 在 运行 时 创建 的 控件 提供 了 一 个 方便 的 容器 。 

(2) 对 控件 和 标记 进行 分 组 

对 于 一 组 控件 和 相关 的 标记 ， 可 以 通过 把 其 放置 在 Panel 控件 中 ， 然 后 操作 此 Panel 控 
件 将 它们 作为 一 个 单元 进行 管理 。 例 如 ， 可 以 通过 设置 Panel 控件 的 Visible 属性 来 隐藏 或 显 
示 该 面板 中 的 一 组 控件 。 

(3) 具有 默认 按钮 的 窗 体 

可 以 将 TextBox 控件 和 Button 控件 放置 在 Panel 控件 中 ， 然 后 通过 将 Panel 控件 的 
DefaultButton 属性 设置 为 面板 中 某 个 按钮 的 ID 来 定义 一 个 默认 的 按钮 .如 果 用 户 在 面板 内 的 
文本 框 中 进行 输入 并 按 Enter 键 ， 这 与 用 户 单 击 特定 的 默认 按钮 具有 相同 的 效果 。 这 有 助 于 
用 户 更 有 效 地 使 用 项 目 窗 体 。 

(4) 向 其 他 控件 添加 滚动 条 

有 些 控件 (如 TreeView 控件 ) 没 有 内 置 的 滚动 条 。 通 过 在 Panel 控件 中 放置 滚动 条 控件 ， 
可 以 添加 滚动 行为 。 若 要 向 Panel 控件 添加 滚动 条 ， 需 要 设置 Height 和 Width 属性 ,将 Panel 
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控件 限制 为 特定 的 大 小 ， 然 后 再 设置 ScrollBars 属性 。 
(5) 页 上 的 自 定义 区 域 
可 以 使 用 Panel 控件 在 页 面 上 创建 具有 自 定义 外 观 和 行为 的 区 域 。 


e 创建 一 个 带 标题 的 分 组 框 : 可 以 设置 GroupingText 属性 来 显示 标题 。 呈现 页 时 , Panel 
控件 的 周围 将 显示 一 个 包含 标题 的 框 ， 其 标题 就 是 GroupingText 属性 。 不 能 在 Panel 
控件 中 同时 指定 滚动 条 和 分 组 文本 。 如 果 设 置 了 分 组 文本 ， 其 优先 级 高 于 滚动 条 。 


e 在 页 面 上 创建 具有 自 定 义 颜 色 或 其 他 外 观 的 区 域 : Panel 控件 支持 外 观 属 | 
BackColor 和 BorderWidth， 可 以 设置 外 enclbampleas 
观 属性 为 页 面 上 的 某 个 区 域 创建 独特 的 [ER 


Ne 
外 观 。 — == 
【 例 5-9] Panel 和 Literal 控件 的 示例 。 redpox[ 
(1) 创建 PanelExample.aspx 页 面 。 在 页 面 上 D Team ] 
添 一 个 Panel. 三 个 CheckBox、 两 个 Literal 控件 。 ri EI ] 
窗口 设计 如 图 5-24 所 示 。 
代码 如 下 : 图 5-24 窗口 设计 


<asp:CheckBox ID="CheckBox1" runat="server" 
oncheckedchanged="CheckBox1 CheckedChanged" Text=" 显 示 Panel 控件 " 
AutoPostBack="True" /> 


<asp:panel id="myPanel" runat="server" backcolor="#eeeeee" Visible="false" 
GroupingText="Panel 控件 "> 


<p> 作 为 动态 生成 的 文本 框 的 容器 …… </p> 
TextBox:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
</asp:panel> 


<asp:CheckBox ID="CheckBoxChangeFont" runat="server" AutoPostBack="True" 
oncheckedchanged="CheckBoxChangeFont_ CheckedChanged" Text=" 设 置 字 体 "/> 
<br/> <asp:Literal ID="Literall" runat="server"></asp:Literal> 
<br /> 
<asp:CheckBox ID="CheckBoxChangeBkGround" runat="server" AutoPostBack="True" 
oncheckedchanged="CheckBoxChangeBkGround_CheckedChanged" Text=" 设 置 背 景 "/> 
<br /> 
<asp:Literal ID="Literal2" runat="server"></asp:Literal> 


(2) 在 PanelExample.aspx.cs 中 ， 根 据 下 面 的 代码 设置 各 控件 的 事件 处 理 程序 。 


protected void CheckBox1_CheckedChanged(object sender, EventArgs e) 


{ 
myPanel. Visible = CheckBox1.Checked; 
} 
protected void CheckBoxChangeFont CheckedChanged(object sender, EventArgs e) 
{ 


if (CheckBoxChangeFont.Checked) 


生 如 
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this.myPanel.Font.Ttalic = true; 
this.myPanel.ForeColor = System.Drawing.Color.Red: 
Literal Text = "当前 所 显示 字 型 是 “斜体 ”， 颜 色 是 “红色 ”"; 


else 


this.myPanel.Font.Italic = false; 
this.myPanel.ForeColor = System.Drawing.Color.Blue; 
Literall.Text = "当前 所 显示 字 型 是 “默认 字体 ”， 颜 色 是 “ 蓝 色 ”"; 


} 
protected void CheckBoxChangeBkGround CheckedChanged(object sender, EventArgs e) 


í 
if (CheckBoxChangeBkGround.Checked) 


í 
this.myPanel.BackColor = System.Drawing.Color.Bisque://Bisque tti (6, 


Literal2.Text = "当前 所 显示 背景 颜色 是 “Bisque 橘 黄色 ”。 


else 


í 
this.myPanel.BackColor = System.Drawing.Color.Beige://Beige 米黄 色 


Literal2.Text = "当前 所 显示 背景 颜色 是 “Beige 米黄 色 ”。"; 


| 
(3) 运行 程序 ， 效 果 如 图 5-25 和 5-26 所 示 。 


K€ cS I me E PES 


司 显示 Pane 控 件 
Panel ft 


PERDELER IENEE... 
TextBox: 


— I e 


回 显 示 Panel 控 件 四 设置 字体 
DRES 


回 设置 字体 

| 汉中 宁 型 是 于 休 - 颜色 是 红色 
当前 所 显示 背景 颜色 是 -Beige KEE 
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图 5-26 panel 控件 中 的 内 容 改 变 后 的 效果 


53 验证 控件 


在 交互 式 页 面 中 ， 经 常 需要 使 用 输入 控件 来 收集 用 户 输入 的 信息 。 为 了 确保 用 户 提交 到 
服务 器 的 信息 在 内 容 和 格式 上 都 是 合法 的 ， 就 必须 编写 代码 来 验证 用 户 输入 的 内 容 。 可 以 在 
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客户 端 用 JavaScript 代码 进行 验证 ， 也 可 以 在 页 面 提交 到 服务 器 上 后 进行 验证 ， 然 而 不 管 哪 


种 方式 ， 都 是 一 项 特别 繁琐 的 工作 。 
ASP.NET 中 的 验 订 


FE 控 件 为 程序 员 提供 了 方便 , 它们 几乎 涉及 所 有 的 常见 验证 情况 。 可 以 


验证 服务 器 控件 中 用 户 的 输入 ， 并 在 验证 失败 的 情况 下 显示 一 条 自 定义 的 错误 消息 。 验 证 控 
件 直 接 在 客户 端 执行 ， 用 户 提交 后 执行 相应 的 验证 ， 无 需 使 用 服务 器 端 验 证 操作 ， 从 而 减少 


了 服务 器 与 客户 端 之 间 的 往返 过 程 。 


5.3.1 验证 控件 及 其 作用 

ASP.NET 验证 控件 是 一 个 服务 器 控件 集合 ， 人 允许 这 些 控件 验证 关联 的 输入 服务 器 控件 
(WH TextBox), 并 在 验证 失败 时 显示 自 定义 消息 , 每 个 验证 控件 执行 特定 类 型 的 验证 。 一 个 输 
入 控件 可 以 同时 被 多 个 验证 控件 关联 验证 。ASP.NET 提供 的 验证 控件 如 表 5-2 所 示 。 


验证 类 型 
必 选 项 
与 某 值 的 


比较 


范围 检查 


模式 匹配 


表 5-2 


使 用 的 控件 


RequiredFieldValidator 


CompareValidator 


RangeValidator 


RegularExpressionValidator 


ASP.NET 的 验证 控件 

说 BB 
必 选 项 验证 控件 ， 验 证 一 个 必 填 字段 ， 如 果 这 个 字段 没 填 ， 
那么 将 不 能 提交 信息 
比较 验证 。 将 用 户 输入 与 一 个 常数 值 或 者 另 一 个 控件 或 特定 
数据 类 型 的 值 进行 比较 (使 用 小 于 、 等 于 或 大 于 等 比较 运算 
符 ), 同时 也 可 以 用 来 校 验 控件 中 的 内 容 的 数据 类 型 : 如 整 型 、 
字符 串 型 等 。 如 比较 密码 和 确认 密码 两 个 字段 是 否 相 等 
范围 验证 。RangeValidator 控件 可 以 用 来 判断 用 户 输入 的 值 
是 否 在 某 一 特定 范围 内 。 可 以 检查 数字 对 、 字 母 对 和 日 期 对 
限定 的 范围 。 属 性 MaximumValue 和 MinimumValue 用 来 设 
置 范围 的 最 大 值 和 最 小 值 
正则 表达 式 验 证 。 它 根据 正则 表达 式 来 验证 用 户 输入 字段 的 
格式 是 否 合法 ， 如 电子 邮件 、 身 份 证 、 电 话 号 码 等 。 
ControlToValidate 属性 选择 需要 验证 的 控件 ，ValidationExpression 
属性 则 编写 需要 验证 的 表达 式 的 样式 


户 定义 


CustomValidator 


用 户 定义 验证 控件 , 使 用 自己 编写 的 验证 逻辑 检查 用 户 输 入 。 
此 类 验证 使 用 户 能 够 检查 正在 运行 时 派生 的 值 。 在 运行 定制 
的 客户 端 JavaScript I VBScript 函数 时 ， 可 以 使 用 这 个 控件 


验证 汇总 


ValidationSummary 


验证 汇总 。 该 控件 不 执行 验证 ， 但 该 控件 将 本 页 所 有 验证 控 
件 的 验证 错误 信息 汇总 为 一 个 列表 并 集中 显示 ， 列 表 的 显示 
方式 由 DisplayMode 属性 设置 


因此 ， 可 通过 使 用 CompareValidator 和 RangeValidator 控件 分 别 检查 某 个 特定 值 或 值 范 
围 ， 还 可 以 使 用 CustomValidator 控件 定义 自己 的 验证 条 件 ， 或 者 使 用 ValidationSummary 
控件 显示 网 页 上 所 有 验证 控件 的 结果 摘要 。 


在 ASPNET 中 ， 输 入 服务 器 控件 中 可 以 被 验证 控件 关联 验证 的 属性 如 表 5-3 所 示 。 
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表 5-3 ”可 以 被 验证 控件 关联 验证 的 属性 
输入 服务 器 控件 被 验证 的 属性 

HtmlInputText Value 

HtmlTextArea Value 

HtmlSelect Value 

HtmlInputFile Value 

TextBox Text 

ListBox SelectedItem.Value 

DropDownList SelectedItem Value 

RadioButtonList SelectedItem.Value 


5.3.2 ”验证 控件 的 属性 和 方法 


所 有 的 验证 控件 都 继承 自 BaseValidator 类 。BaseValidator 类 为 所 有 的 验证 控件 提供 了 一 
些 公用 的 属性 和 方法 ， 如 表 5-4 所 示 。 


表 5-4 ”验证 控件 的 公共 属性 和 方法 


成 A & x 
ControlToValidate 属性 Ji 输入 控件 的 ID, WREKE ID, MIRAH 
Display 属性 完 


EnableClientScript 属性 


RHA ， 通 过 将 EnableClientScript 属性 设置 为 false， 
可 在 支持 此 功能 的 浏览 器 上 禁用 客户 端 验证 
指示 是 否 启用 验证 控件 ， 通 过 将 该 属性 设置 为 false 可 以 阻止 验证 控件 验 


Enabled 属性 证 输入 控件 
当 验 证 失败 时 在 ValidationSummary 控件 中 显示 的 错误 信息 。 如 果 未 设置 
验证 控件 的 Text 属性 ， 则 验证 失败 时 ， 验 证 控件 中 仍 显示 此 文本 。 
ErrorMessage 属性 


ErrorMessage 属性 通常 用 于 为 验证 控件 和 ValidationSummary 控件 提供 各 
种 消息 


ForeColor 属性 


指定 当 验 证 失败 时 用 于 显示 错误 消息 的 文本 颜色 


IsValid 属性 指示 ControlToValidate 属性 所 指定 的 输入 控件 是 否 被 确定 为 有 效 
Test dik 设置 此 属性 后 ， 验 证 失败 时 会 在 验证 控件 中 显示 此 消息 。 如 果 未 设置 此 


Validate 方法 


属性 ， 则 在 该 控件 中 显示 ErrorMessage 属性 中 指定 的 文本 


验证 控件 总 是 在 服务 器 上 执行 验证 检查 。 它 们 还 具有 完整 的 客户 端 实现 ， 该 实现 允许 支 


验证 相关 的 输入 控件 ， 并 更 新 KValid 属性 


持 DHTML 的 浏览 器 (如 Microsoft Internet Explorer 4.0 或 更 高 版 本 ) 在 客户 端 执行 验证 。 客 户 
端 验证 通过 在 向 服务 器 发 送 用 户 输入 前 检查 用 户 输入 来 增强 验证 过 程 。 在 提交 窗 体 前 即 可 在 
客户 端 检 测 到 错误 ， 从 而 避免 了 服务 器 端 验证 所 需 信 息 的 来 回 传 递 。 

客户 端的 验证 经 常 被 使 用 ， 因 为 它 有 非常 快 的 响应 速度 。 如 果 不 需 要 客户 端 验证 ， 可 以 
利用 EnableClientScript 属性 关闭 该 功能 。 通过 将 EnableClientScript 属性 设置 为 false, 可 在 支 
持 此 功能 的 浏览 器 上 禁用 客户 端 验证 。 


。132 。 ASP.NET 4.5 动态 网 站 开发 基础 教程 


每 个 验证 控件 ， 以 及 Page 对 象 本 身 ， 都 有 一 个 KValid 属性 ， 利 用 该 属性 可 以 进行 页 面 
有 效 性 的 验证 ， 只 有 当 页 面 上 的 所 有 验证 都 成 功 时 ，Page.IsValid 属性 才 为 真 。 

默认 情况 下 ， 在 单 击 按钮 控件 如 Button. ImageButton 或 LinkButton 时 执行 验证 。 可 通过 将 
按钮 控件 的 CausesValidation 属性 设置 为 false 来 禁止 在 单 击 按钮 控件 时 执行 验证 。“ 取 消 ?或 “ 清 
除 ” 按 钮 的 Causes Validation 属性 通常 设置 为 Blse， 以 防止 在 单 击 按钮 时 执行 验证 。 
5.3.3 ”表单 验证 控件 (RequiredFieldValidaton) 


在 实际 应 用 中 ， 如 在 用 户 填写 表单 时 ， 有 一 些 项 目 是 必 填 项 ， 例 如 用 户 名 和 密码 。 在 
ASP.NET 中 ， 系 统 提供 了 RequiredFieldValidator 验证 控件 进行 验证 。 使 用 RequiredFieldValidator 
控件 能 够 指定 用 户 在 特定 的 控件 中 必须 提供 相应 的 信息 ， 如 果 不 输入 相应 的 信息 ， 
RequiredFieldValidator 控件 就 会 提示 相应 的 错误 信息 。 其 语法 格式 如 下 : 

<asp:RequiredFieldValidator id=" 控 件 名 称 " 

Display="Dynamic | Static | None" 

ControlToValidate=" 被 验证 的 控件 的 名 称 " 
ErrorMessage=" 错 误 发 生 时 的 提示 信息 " 


runat="server" /> 


【 例 5-10】RequiredFieldValidator 控件 


创建 RequiredFieldValidator.aspx 页 面 , 添加 语句 声明 了 一 个 RequiredFieldValidator 控件 ， 
示例 代码 如 下 : 


<form id="form1" runat="server"> 
<div> 
姓名 :<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
ControlToValidate="TextBox1" 
ErrorMessage=" 姓 名 NotNull"> 
</asp:RequiredFieldValidator><br /> 
密码 :<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br /> 


<asp:Button ID="Button1" runat="server" Text=" 登 陆 " /><br /> 
</div> 
</form> 
在 进行 验证 时 ，RequiredFieldValidator 控件 必须 绑 定 到 一 个 服务 器 控件 ， 在 上 述 代 码 中 ， 
验证 控件 RequiredFieldValidator 绑 定 的 服务 器 控件 为 TextBox1， 当 TextBoxl 中 的 值 为 空 时 ， 
则 会 提示 自 定义 错误 信息 “姓名 Not Null” , TextBox2 没有 绑 定 ,所 以 就 没有 提示 ,如 图 5-27 
和 图 5-28 所 示 。 


e TIE E E 


eea s | 
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ç | httpy//localhost:53615/RequiredFieldVal... 


| hapyWlocalh- WJ ~ |4| x | 图 #= 


这 | httpy/localhost:53615/RequiredFieldVal... 


姓名 1 姓名 : 姓名 NotNul A 
密码 : 上 ZB: š 
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图 5-27 F Button 前 图 5-28 ”RequiredFieldValidator 控件 检测 
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5.334 ”比较 验证 控件 (CompareValidator) 


当 用 户 输入 信息 时 ， 难 免 会 输入 错误 信息 ， 如 当 需 要 了 解 用 户 的 生日 时 ， 用 户 很 可 能 输 
入 了 其 他 字符 串 。CompareValidator 控件 用 于 将 输入 控件 的 值 与 常数 值 或 其 他 输入 控件 的 值 
相 比 较 ， 以 确定 这 两 个 值 是 否 与 由 比较 运算 符 (小 于 、 等 于 、 大 于 等 等 ) 指 定 的 关系 相 匹 配 。 
CompareValidator 控件 的 特有 属性 如 下 。 

© ControlToCompare: 以 字符 串 形式 输入 的 表达 式 。 要 与 男 一 控件 的 值 进行 比较 。 

e Operator: 要 使 用 的 比较 运算 。 

e Type: 要 比较 两 个 值 的 数据 类 型 。 

© ValueToCompare: 以 字符 串 形式 输入 的 表达 式 。 

当 使 用 CompareValidator 控件 时 , 可 以 方便 地 判断 用 户 的 输入 是 否 正确 , 示例 代码 如 下 : 


<body> 
<form id="form1" runat="server"> 
<div> 
请 输入 开学 日 期 : 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
<br/> 
请 输入 放假 日 期 : 
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
<asp:CompareValidator ID="CompareValidatorl" runat="server" 
Control ToCompare="TextBox2" ControlToValidate="TextBox1" 
CultureInvariantValues="True" ErrorMessage=" 输 入 日 期 格式 错误 ! 请 重新 输入 !" 
Operator="GreaterThan" 
Type="Date"> 
</asp:CompareValidator> 
<br /> 
<asp:Button ID="Button1" runat="server" Text="Button" /> 
<br > 
</div> 
</form> 
</body> 


上 述 代码 判断 TextBoxl 的 输入 格式 是 否 正确 ， 当 输入 的 格式 错误 时 ， 会 提示 错误 。 
5.3.5 ”范围 验证 控件 (RangeValidaton) 


围 验证 控件 (RangeValidatorn) 可 以 检查 用 户 的 输入 是 否 在 指定 的 上 限 与 下 限 之 间 。 通 常 
用 于 检查 数字 、 日 期 、 货 币 等 。 该 控件 有 以 下 几 个 属性 。 

e MinimumValue: 指定 有 效 范围 的 最 小 值 。 

e MaximumValue: 指定 有 效 范 围 的 最 大 值 。 

e Type: 指定 要 比较 的 值 的 数据 类 型 。 

RangeValidator 控件 可 以 检查 用 户 的 输入 是 否 在 指定 的 上 限 与 下 限 之 间 ; 可 以 检查 数字 
对 、 字 母 对 和 日 期 对 限定 的 范围 。 边 界 表示 为 常数 。 使 用 ControlToValidate 属性 指定 要 验证 


[=i 
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的 输入 控件 。MinimumValue 和 MaximumValue 属性 分 别 指定 有 效 范围 的 最 小 值 和 最 大 值 。 
Type 属性 用 于 指定 要 比较 的 值 的 数据 类 型 。 在 执行 任何 比较 之 前 ， 先 将 要 比较 的 值 转换 为 该 
数据 类 型 。 代 码 如 下 : 


<body> 
<form id="form1" runat="server"> 
<div> 
请 输入 开学 日 期 : 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
<br > 
请 输入 放假 日 期 : 
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
<asp:RangeValidator ID="RangeValidator1" runat="server" 
ControlToValidate="TextBoxl" ”ErrorMessage=" 超 出 规定 范围 ， 请 重新 填写 " 
MaximumValue="2010/1/1" MinimumValue="2007/1/1" Type="Date"> 
</asp:RangeValidator> 
<asp:RangeValidator ID="RangeValidator2" runat="server" 
ControlToValidate="TextBox2" ”ErrorMessage=" 超 出 规定 范围 ， 请 重新 填写 " 
MaximumValue="2010/1/1" MinimumValue="2007/1/1" Type="Date"> 
</asp:RangeValidator> 
<br/> 
<asp:Button ID="Button1" runat="server" Text=" 提 交 " /> 
<br/> 
</div> 
</form> 
</body> 


536 自 定义 验证 控件 (Customvalidaton) 


有 时 候 要 进行 的 验证 操作 对 于 标准 验证 控件 来 说 太 复杂 了 ,此 时 可 以 用 CustomValidator 
控件 来 进行 验证 。 该 控件 用 自 定义 的 函数 验证 方式 ， 验 证 函数 在 页 面 的 代码 块 中 定义 。 其 语 
法 格式 如 下 : 


<asp: CustomValidator id=" 控 件 名 称 " 
ControlToValidate=" 被 验证 的 控件 名 称 " 
ClientValidationFunction= "客户 端 验证 函数 " 
OnServerValidate=" 服 务 器 端 验证 函数 " 
ErrorMessage=" 错 误 发 生 时 的 提示 信息 " 
Display="Dynamic | Static | None" 


runat="server" /> 


车 要 创建 服务 器 端 验证 函数 ， 需 要 为 执行 验证 的 ServerValidate 事件 提供 处 理 程序 。 通 
过 将 ServerValidateEventArgs 对 象 的 Value 属性 作为 参数 传递 到 事件 处 理 程 序 ， 可 以 访问 来 
自 要 验证 的 输入 控件 的 字符 串 。 验 证 结果 将 被 存储 在 ServerValidateEventArgs 对 象 的 IsValid 
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属性 中 。 

CustomValidator 控件 同样 也 可 以 在 客户 端 实现 验证 ， 该 验证 函数 可 用 VBScript 或 
Javascript 来 实现 ， 而 在 CustomValidator 控 pianos ClientValidationFunction 属性 指定 与 
CustomValidator 控件 相关 的 客户 端 验证 脚本 的 函数 名 称 。 


5.3.7 ”正则 验证 控件 (RegularExpressionValidaton) 


上 述 控 件 中 ,虽然 能 够 实现 一 些 验 证 , 但 是 其 验证 能 力 是 有 限 的 , 例如 ,在 验证 过 程 中 ， 
只 能 验证 是 否 是 数字 ， 或 者 是 否 是 日 期 。 也 可 能 在 验证 N, 只 能 验证 一 定 范围 内 的 数值 ， 虽 
然 这 些 控件 提供 了 一 些 验证 功能 ， 但 却 限制 了 开发 人 员 进行 自 定义 验证 和 错误 信息 的 开发 。 
为 了 实现 一 个 验证 ， 很 可 能 需要 多 个 控件 同时 搭配 使 用 。 alap ;证 控件 就 解决 了 这 个 问题 ， 
正则 验证 控件 的 功能 非常 强大 ， 它 用 于 确定 输入 控件 的 值 是 否 与 某 个 正则 表达 式 所 定义 的 模 
式 相 匹配 ， 如 电子 邮件 、 电 话 号 码 以 及 序列 号 等 。 其 语法 格式 如 下 : 
<asp:RegularExpressionValidator id=" 控 件 名 称 " 
ControlToValidate=" 被 验证 的 控件 的 名 称 " 
ValidationExpression=" 正 则 表达 式 " 
ErrorMessage=" 错 误 发 生 时 的 提示 信息 " 
Display="Dynamic | Static | None" 
runat="server" /> 
ValidationExpression 属性 用 于 指定 验证 条 件 的 正则 表达 式 。 常 用 的 正则 表达 式 字符 及 其 
含义 如 表 5-5 所 示 。 


表 5-5 ”常用 正则 表达 式 字 符 及 其 含义 


正则 表达 式 字符 含 xX 
AENA 匹配 括号 中 的 任何 一 个 字符 
sss 匹配 不 在 括号 中 的 任何 一 个 字符 
w 匹配 任何 一 个 字符 (a~z、A~Z 和 0-9) 
W 匹配 任何 一 个 空白 字符 
is 匹配 任何 一 个 非 空白 字符 
\S 与 任何 非 单词 字符 匹配 
\d 匹配 任何 一 个 数字 (0~9) 
D 匹配 任何 一 个 非 数字 (^0-9) 
Mb] 匹配 一 个 退 格 键 字符 
{n,m} 最 少 匹 配 前 面 表达 式 n 次 ， 最 大 为 m 次 
{n,} 最 少 匹 配 前 面 表达 式 n 次 
{n} 恰恰 匹配 前 面 表达 式 n 次 
9 匹配 前 面 表达 式 0 或 1 次 {0,1} 
+ 至 少 匹 配 前 面 表达 式 1 次 {1,} 
* 至 少 匹 配 前 面 表达 式 0 次 {0,} 

配 前 面 表 达 式 或 后 面 表 达 式 


“136。 ASPNET 4.5 动态 网 站 开发 基础 教程 


( 续 表 ) 
正则 表达 式 字符 含 xX 
t) 在 单元 中 组 合 项 目 
A 匹配 字符 串 的 开头 
$ 匹配 字符 串 的 结尾 
\b 匹配 字符 边界 
\B 匹配 非 字符 边界 的 某 个 位 置 


下 面 再 来 列举 几 个 常用 的 正则 表达 式 。 

e 验证 电子 邮件 : \w+([-+.] 人 Ww+)*@\w+([-.]\w+) 
验证 网 址 :， HTTP: /ASH. \S+EẸ HTTP: /AS 
验证 邮政 编码 : \d{6}。 

[0-9]: 表示 0~9 十 个 数字 。 

\d*: 表示 任意 个 数字 。 


*\A\w+([-.] 人 w+)* 或 \S+@\S+\，\S+。 
H. \S+。 


e \d{3,4}-\d{7,8}: 表示 中 国 大 陆 的 固定 电话 号 码 。 
e@ \d{2}-\d{5}: 验证 由 两 位 数字 、 一 个 连 字 符 再 加 5 位 数字 组 成 的 ID 号 。 
® <\s*(\S+T)(\s[^>]*)?>[\s\S]*<\s*V\Ns*>: 匹配 HTML 标记 。 


从 【工具 箱 】 的 【验证 】 组 中 ， 将 


RegularExpressionValidator 控件 拖 动 到 页 面 
上 。 选 择 此 控件 ， 然 后 在 【属性 】 窗 口中 找 
到 【行为 】 下 的 ValidationExpression， 单 击 


ValidationExpression 属性 右边 的 省 略 号 按 EM 


钮 ， 即 可 打开 【正则 表达 式 编辑 器 】 对 话 框 ， 


Awt CCH. J Awt )#@ wt CC J Net)#\. wt C=, J wt )# 


Ce Cm 


如 图 5-29 所 示 。 


系统 自动 生成 的 代码 如 下 : 图 


5-29 【正则 表达 式 编辑 器 】 对 话 框 


M 


<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
ErrorMessage="RegularExpressionValidator" 
ValidationExpression="\wH([-+. wH *@\wH[-.\wH*\ wH I- wH *"></asp:RegularExpressionValidator> 


同样 ， 开 发 人 员 也 可 以 自 定义 正则 表达 式 来 规范 用 户 的 输入 。 使 用 正则 表达 式 能 够 加 快 


验证 速度 并 在 字符 串 中 快速 匹配 ， 而 另 一 方面 ， 使 用 
功能 开发 和 实现 。 

注意 : 

当 用 户 输 入 为 空 时 ， 其 他 验证 控件 都 会 验证 通过 。 
要 同 表单 验证 控件 (RequiredFieldValidator) 一 起 使 用 。 


5.3.8 ”验证 组 控件 (ValidationSummary) 


E 则 表达 式 能 够 减少 复杂 的 应 用 程序 的 


所 以 ， 在 验证 控件 的 使 用 中 ， 通 常 需 


ValidationSummary 控件 本 身 没有 验证 功能 ,但 是 可 以 集中 显示 所 有 未 通过 验证 的 控件 的 
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错误 提示 信息 ， 其 语法 格式 如 下 : 
<asp:ValidationSummary id=" 控 件 名 称 " 
HeaderText=" 标 题 文字 " 

DisplayMode="List | ButtetList | SingleParagraph， 将 摘要 显示 为 列表 、 项 目 符号 列表 或 单个 段落 " 
ShowSummary= "True|False， 控 制 显 示 还 是 隐藏 ValidationSummary 控件 " 
ShowMessageBox="True|False， 是 否 在 消息 框 中 显示 摘要 " 

runat="server" /> 


使 用 ValidationSummary 控 件 可 以 为 用 户 提供 将 窗 体 发 送 到 服务 器 时 所 出 现 的 错误 列表 。 
ValidationSummary 控件 中 为 页 面 上 每 个 验证 控件 显示 的 错误 信息 ， 是 由 每 个 验证 控件 的 
ErrorMessage 属性 指定 的 。 如 果 没 有 设置 验证 控件 的 ErorMessage 属性 ， 将 不 会 在 
ValidationSummary 控件 中 为 该 验证 控件 显示 错误 信息 。 

当 有 多 个 错误 发 生 时 ，ValidationSummary 控件 能 够 捕获 多 个 验证 错误 并 呈现 给 用 户 , 这 
样 就 避免 了 一 个 表单 需要 多 个 验证 时 需要 使 用 多 个 验证 控件 进行 绑 定 ， 使 用 ValidationSummary 
控件 就 无 需 为 每 个 需要 验证 的 控件 进行 绑 定 。 


54 登录 控件 


对 于 目前 常用 的 网 站 系统 ， 登 录 已 经 成 为 一 个 必 不 可 少 的 功能 ， 例 如 论坛 、 电 子 邮箱 、 
在 线 购物 等 。 登 录 功 能 能 够 让 网 站 准确 地 验证 用 户 身 份 。 用 户 访问 该 网 站 时 ， 可 以 注册 并 登 
T 登录 后 的 用 户 还 能 够 注销 登录 状态 以 保证 用 户 资料 的 安全 性 。ASPNET 提供 了 一 系列 登 
录 控 件 ， 方 便 了 登录 功能 的 开发 。 


5.4.1 登录 控件 (Login) 


登录 控件 是 一 个 复合 控件 ， 它 包含 了 用 户 名 和 密码 文本 框 ， 以 及 一 个 询问 用 户 是 否 希望 
在 下 一 次 访问 该 页 面 时 记 住 其 身份 的 复 选 框 。 当 [En 
用 户 选中 该 复 选 框 时 ， 下 一 次 用 户 访问 此 网 站 ， 
将 自动 进行 身份 验证 。 创 建 一 个 登录 控件 ， 系 统 
会 自动 生成 相应 的 HTML 代码 ,如 图 5-30 所 示 。 

开发 人 员 能 够 使 用 登录 控件 执行 用 户 登录 图 5-30 登录 控件 
操作 而 无 需 编写 复杂 的 代码 ， 登 录 控 件 常 用 的 属性 如 下 。 

© Orientation: 控件 的 一 般 布局 。 

o TextLayout: 标签 相对 于 文本 框 的 布局 。 

e CreatUserIconUrl: 用 户 创建 用 户 连 接 的 图 标的 URL. 

© CreatUserText: 为 “创建 用 户 ” 连 接 显示 的 文本 。 

@ CreatUserUrl: 创建 用 户 页 的 URL。 

è DestinationPageUrl: 用 户 成 功 登录 时 被 定向 到 的 URL. 

e DisplayRememberMe: 是 否 显示 “ 记 住 我 ” 复 选 框 。 
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© HelpPageText: 为 帮助 连接 显示 的 文本 。 
e HelpPageUrl: 帮助 页 的 URL。 
e PasswordRecoveryIconUrl: 用 于 密码 回复 连接 的 图 标的 URL. 
PasswordRecoveryUrl: 为 密码 回复 连接 显示 的 文本 。 
PasswordRecoveryText: 密码 回复 页 的 URL。 
FailuteText: 当 登 录 尝 试 失败 时 显示 的 文本 。 
InstructionText: 为 给 出 说 明 所 显示 的 文本 。 
e LoginButtonImageUrl: 为 “登录 ”按钮 显示 的 图 像 的 URL. 
e LoginButtonText: 为 “登录 ”按钮 显示 的 文本 。 
LoginButtonType: “登录 ”按钮 的 类 型 。 
PasswordLableText: 密码 标识 文本 框 内 的 文本 。 
TitleText: 为 标题 显示 的 文本 。 
UserName: 用 户 名 文本 框 内 的 初始 值 。 
UserNameLableText: 标识 用 户 名 文本 框 的 文本 。 
Enabled: 控件 是 否 处 于 启动 状态 。 

开发 人 员 能 够 在 页 面 中 拖 动 相应 的 登录 控件 实现 登录 操作 ， 使 用 登录 控件 进行 登录 操 
作 ， 可 以 直接 进行 用 户 信息 的 查询 ， 而 无 需 进行 复杂 的 开发 。 


542 ”登录 名 称 控件 (LoginName) 


登录 名 称 控件 (LoginName) 是 一 个 用 来 显示 已 经 成 功 登录 的 用 户 的 控件 。 在 Web 应 用 程 
序 开发 中 ， 开 发 人 员 常 常 需要 在 页 面 中 通知 相应 的 用 户 已 经 登录 ， 如 用 户 在 登录 成 功 后 ， 可 
以 在 相应 的 页 面 中 提示 “您 已 登录 ， 您 的 用 户 名 是 XXX” 等 ， 这 样 ， 不 仅 能 够 提高 用 户 的 友 
好 度 ， 也 能 够 让 开发 人 员 在 Web 应 用 程序 中 方便 地 对 用 户 信 息 做 收集 整理 。 

开发 人 员 可 以 在 应 用 程序 中 拖 动 LoginName 控件 用 于 用 户 名 的 呈现 , 拖 动 到 页 面 中 ， 系 
统 生成 的 HTML 代码 如 下 : 


<asp:LoginName ID="LoginName1" runat="server" /> 


上 述 代码 实现 了 一 个 登录 名 称 控件 ， 开 发 人 员 能 够 将 该 控件 放置 在 页 面 中 的 任何 位 置 进 
行星 现 ， 当 用 户 登录 后 ， 该 控件 能 够 获取 用 户 的 相应 信息 并 呈现 用 户 名 在 控件 中 。 登 录 名 称 
控件 的 页 面 效 果 如 图 5-31 所 示 。 


Default. aspx* | {0R "x 
UB] j 


也 设计 ] 口 拆 分 ag) [+jJ[@e1]|%çay>]|Cforapfora15][ ai v>] [asp LoginNametLogi namel )] 


图 5-31 登录 名 称 控 件 


在 LoginName 控件 中 ， 最 常用 的 属性 是 FormatString 属性 ， 该 属性 用 于 格式 化 用 户 名 输 
出 。 在 控件 的 FormatString 属性 中 ，“{0} ”字符 串 用 于 显 式 用 户 名 ， 开 发 人 员 能 够 配置 相应 
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的 字符 串 进行 输出 ， 例 如 配置 为 “您 好 ，{0}， 您 已 经 登录 ! ”， 可 以 在 相应 的 占 位 符 中 呈现 
有 具体 的 用 户 名 ， 如 图 5-32 所 示 。 


_ LoginName. aspx| -x 
您 好 ，[ 用 户 名 ]， 您 已 经 登录 ! 
| 


了 


rn lm] [oo] [eorsseormiy] [Ci] 
图 5-32 格式 化 输出 用 户 名 


正如 图 5-32 所 示 ， 当 对 LoginName 进行 格式 化 设置 后 ， 用 户 名 能 够 被 格式 化 输出 ， 例 
如 当 用 户 sunrain 登录 Web 应 用 后 ， 该 控件 会 呈现 “您 好 ，sunrain， 您 已 经 登录 ! ”。 开 发 
人 员 只 需要 通过 简单 的 配置 就 能 够 实现 复杂 的 登录 显示 功能 。 


543 ”登录 视图 控件 (LoginView) 


在 应 用 程序 的 开发 过 程 中 ， 通 常 需 要 对 不 同 身份 和 权限 的 用 户 进行 不 同 登 录 样式 的 呈 
现 ， 开 发 人 员 可 以 为 用 户 配置 内 置 对 象 以 呈现 不 同 的 页 面 效 果 。 但 是 ， 在 页 面 请 求 时 ， 还 需 
要 对 用 户 的 身份 进行 验证 。 在 ASPNET2.0 之 后 的 版 本 中 ， 系 统 提供 了 LoginView 控件 用 于 
不 同 用 户 权限 之 间 的 视图 的 区 分 。 

在 开发 一 个 应 用 程序 时 ， 开 发 人 员 希 望 应 用 程序 能 够 实现 如 下 功能 ， 当 用 户 在 网 站 中 没 
有 登录 时 ， 用 户 看 到 的 视图 是 没有 登录 时 的 视图 ， 包 括 网 站 的 风格 、 系 统 的 提示 信息 等 。 而 
当 用 户 登 录 后 , 用 户 看 到 的 视图 是 登录 后 的 视图 ， 同 样 包括 网 站 的 风格 、 系 统 的 提示 信息 等 。 
LoginView 控件 为 开发 人 员 提供 了 不 同 权限 的 用 户 ， 以 查看 不 同 的 视图 ， 开 发 人 员 可 以 拖 动 
LoginView 控件 到 页 面 中 ， 以 编辑 不 同 的 页 面 进行 开发 。 如 图 5-33 所 示 。 


视图 


图 5-33 LoginView 控件 呈现 的 形式 


544 ”登录 状态 控件 (LoginStatus) 


登录 状态 控件 (LoginStatus) 用 于 显 式 用 户 验 证 时 的 状态 ,LoginStatus 包括 “登录 ”和 “ 注 
销 ” 两 种 状态 ,LoginStatus 控 件 的 状态 是 由 相应 的 Page 对 象 的 Request 属 性 中 的 IsAuthenticated 
属性 决定 的 。 开发 人 员 能 够 直接 将 LoginStatus 控件 拖 放 到 页 面 中 ， 从 而 让 用 户 能 够 通过 相应 
的 状态 进行 登录 或 注销 操作 ，LoginStatus 控件 默认 的 HTML 代码 如 下 : 


<asp:LoginStatus ID="LoginStatus1" runat="server" /> 


上 述 代码 就 呈现 了 一 个 LoginStatus 控件 ，LoginStatus 控件 默认 是 以 文本 的 形式 呈现 的 ， 
如 图 5-34 所 示 。 
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T 


ES LoginStatus 任务 
nm: E y) 


图 5-34 LoginStatus 控件 呈现 效果 


当 用 户 没有 登录 操作 时 ， 该 控件 会 呈现 登录 字样 给 用 户 ， 以 便 用 户 进行 登录 操作 ; H 
户 登 录 后 ，LoginStatus 控件 会 为 用 户 呈 现 注销 字样 ， 以 便 用 户 进行 注销 操作 。 开 发 人 员 还 能 
够 为 LoginStatus 控件 指定 以 图 片 形式 进行 登录 和 注销 ，LoginStatus 控件 的 常用 属性 如 下 。 
e LoginImageUrl: 设置 或 获取 用 于 登录 连接 的 图 像 URL. 
LoginText: 设置 或 获取 用 于 登录 连接 的 文本 。 
LogoutAction: 设置 或 获取 一 个 值 ， 用 于 用 户 从 网 站 注销 时 执行 的 操作 。 
LogoutImageUrl: 设置 或 获取 一 个 值 ， 用 于 登 出 图 片 的 显示 。 
LogoutPageUrl: 设置 或 获取 一 个 值 ， 用 于 登 出 连接 的 图 像 URL。 
LougoutText: 设置 或 获取 一 个 值 ， 用 于 登 出 连接 的 文本 。 
TagKey: 获取 LoginStatus 控件 的 HtmlTextWriterTag 的 值 。 
LoginStatus 控件 还 包括 两 个 常用 事件 , 分 别 是 LoggingOut 和 LoggedOut。 当 用 户 单 击 注 
销 按钮 时 会 触发 LoggingOut 事件 ， 开 发 人 员 能 够 在 LoggingOut 事件 中 编写 相应 的 事件 以 清 
除 用 户 的 身份 信息 ,这 些 信息 包括 Session, Cookie 等 。 程序 员 还 可 以 在 LoggedOut 事件 中 规 
定 在 用 户 离开 网 站 时 必须 执行 的 操作 。 


5.4.5 ”密码 更 改 控件 (ChangePassword) 


在 应 用 程序 开发 中 , 开发 人 员 需 要 编写 密码 更 改 控件 , 让 用 户 能 够 快速 地 进行 密码 更 改 。 
在 应 用 程序 的 使 用 中 ， 用 户 会 经 常 需要 更 改 密码 ， 例 如 用 户 登 录 后 发 现 自己 的 用 户 信息 可 能 
被 其 他 人 改动 过 , 就 会 怀疑 密码 泄露 了 , 这 样 用 户 就 可 以 通过 更 改 密码 控件 进行 密码 的 更 换 。 
另外 ， 如 果 用 户 在 注册 时 的 密码 是 系统 自动 生成 的 ， 用 户 同 样 需要 在 密码 更 改 控件 中 修改 新 
的 密码 ， 以 便 用 户 记忆 。 

ASP.NET 提供 了 密码 更 改 控 件 ， 以 便 开发 人 员 能 够 轻松 地 实现 密码 更 改 功能 。 拖 放 一 个 
密码 更 改 控件 到 页 面 中 ， 系 统 会 自动 生成 相应 的 HTML 代码 。 

ChangePassword 控件 包括 密码 、 新 密码 和 确认 新 密码 ， 如 图 5-35 所 示 。 


asp:changepassword#ChangePassword1 | 


更 改 密码 [| Changepasswerd HE8 
“P A 自动 套用 格式 
新 密码 : Ty no: men Io 
确认 新 密码 : | 83] 
“确认 新 密码 “与 “新 密码 “项 必须 匹配 。 | | SB 
EREN | 取消 
b 


图 5-35 ChangePassword 控件 


当 用 户 需要 更 改 密码 时 ， 必 须 先 输入 旧 密 码 进行 密码 的 验证 ， 如 果 用 户 输入 的 旧 密 码 是 
正确 的 ， 则 系统 会 将 新 密码 替换 旧 密 码 ， 以 便 用 户 下 次 登录 时 使 用 新 密码 。 如 果 用 户 输入 的 
旧 密 码 不 正确 ， 则 系统 会 认为 是 一 个 非法 用 户 而 不 允许 更 改 密码 。ChangePassword 控件 同样 
允许 开发 人 员 自 动 套 用 格式 或 者 通过 编写 模板 进行 ChangePassword 控件 的 样式 布局 ， 如 图 
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5-36 所 示 。 
开发 人 员 可 以 自动 套用 格式 进行 更 改 密码 控件 的 呈现 ， 不仅 如 此 ， 开 发 人 员 还 能 单 击 右 
侧 的 功能 导航 进行 模板 的 转换 ， 转 换 成 模板 后 开发 人 员 就 能 够 进行 模板 的 自 定义 了 。 


ChangePassword 控件 可 以 使 用 Web.config 中 的 membership 进行 成 员 资 格 配 置 ， 所 以 
ChangePassword 控件 能 够 实现 不 同 场景 的 不 同 功能 。 


e° 用 户 登 录 情况 :开发 人 员 能 够 使 用 ChangePassword 控件 允许 用 户 在 不 登录 的 情况 下 


进行 密码 的 更 改 。 

过 各 构 名 巴 : 

PEEN fa] 

ki EREB 

mes “iw w 

a "iw o” 
确认 新 密码 :全 
WANED ” 9 SER AAA 

ESEN | 取消 | 


s 


图 5-36 【自动 套用 格式 】 对 话 框 
e 更 改 用 户 密码 :开发 人 员 能 够 使 用 ChangePassword 控件 让 一 个 登录 的 用 户 进 行 男 一 
个 用 户 的 密码 更 改 。 
在 ChangePassword 控件 中 ， 可 以 通过 配置 相应 属性 进行 ChangePassword 控件 的 样式 或 
者 是 功能 的 设置 ， 保 证 在 一 定 的 安全 范围 内 进行 安全 的 用 户 信息 操作 。 
5.4.6 ”生成 用 户 控件 (CreateUserWizard) 
生成 用 户 控件 (CreateUserWizard) 为 MembershipProvider 对 象 提 供 了 用 户 界 面 ， 使 用 该 控 


件 能 够 方便 地 让 开发 人 员 在 页 面 中 生成 相应 的 用 户 ， 同 时 ， 当 用 户 访问 该 应 用 程序 时 ， 可 以 
使 用 CreateUserWizard 控件 的 相应 功能 进行 注册 ， 如 图 5-37 所 示 。 


REER: 
“密码 “和 “确认 密码 “必须 匹配 。 
IRAP 


CreateUserWizard 控件 默认 包括 多 个 文本 框 控件 以 便 用 户 的 输入 ， 例 如 用 户 名 、 密 码 、 
确认 密码 、 电 子 邮 件 、 安 全 提示 问题 和 安全 答案 等 项 目 。 其 中 ， 用 户 名 、 密 码 、 确 认 密 码 用 
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于 身份 验证 和 数据 插入 ， 为 系统 提供 用 户 信息 ; 而 电子 邮件 和 安全 答案 用 于 ， 当 用 户 忘记 密 
码 或 更 改 密码 时 ， 向 用 户 发 送 相应 的 邮件 ， 以 便 提 高 系统 身份 认证 的 安全 性 。 


<asp:CreateUserWizard ID="CreateUserWizard1" runat="server"> 
<WizardSteps> 
<asp:CreateUserWizardStep runat="server" /> 
<asp:CompleteWizardStep runat="server" /> 
</WizardSteps> 
</asp:CreateUserWizard> 


上 述 代码 创建 了 一 个 CreateUserWizard 控件 进行 用 户 注册 功能 的 实现 ， 开 发 人 员 还 可 以 
为 CreateUserWizard 控件 中 相应 的 模板 进行 样式 控制 。 例 如 ， 当 用 户 注册 完毕 后 ， 用 户 会 跳 
转 到 一 个 页 面 提示 “帐户 注册 完毕 ， 请 登录 ”等 ， 这 样 就 提高 了 用 户 体验 。 单 击 【 自 定 义 完 
成 步骤 】 按 钮 或 者 在 快捷 窗口 下 拉 菜 单 中 选择 【完成 】 命 令 即 可 完成 模板 的 实现 。 

另外 , 开发 人 员 还 能 够 通过 HeadTemplate、SideBarTemplate 等 模板 , 对 CreateUserWizard 
控件 的 页 面 呈现 和 样式 进行 控制 ， 这 不 仅 能 够 提高 用 户 体验 和 友好 度 ， 还 能 够 帮助 用 户 按照 
步骤 执行 操作 ， 降 低 了 出 错 率 。 


5.5 导航 控件 


在 网 站 制作 中 ， 经 常 需 要 制作 导航 ， 以 便 用 户 能 够 更 加 方便 快捷 地 查阅 到 相关 的 信息 和 
资讯 ， 或 者 跳 转 到 相关 的 版 块 。 网 站 导航 主要 提供 了 如 下 功能 。 
(1) 使 用 站 点 地 图 描述 网 站 的 逻辑 结构 。 添 加 或 移 除 页 面 时 ， 开 发 人 员 可 以 简单 地 通过 
修改 站 点 地 图 来 管理 页 面 导航 。 
(2) 提供 导航 控件 ， 在 页 面 上 显示 导航 菜单 。 导 航 菜单 以 站 点 地 图 为 基础 。 
(3) 可 以 以 代码 方式 使 用 ASPNET 网 站 导航 , 以 创建 自 定义 导航 控件 或 修改 在 导航 菜单 
中 显示 的 信息 的 位 置 。 
在 Web 应 用 中 ， 导 航 是 非常 重要 的 。ASPNET 提供 了 站 点 导航 的 一 种 简单 的 方法 ， 即 
使 用 站 点 导航 控件 SiteMapPath、TreeView、Menu 等 。 
导航 控件 包括 SiteMapPath, TreeView, Menu 控件 ， 通 过 使 用 这 3 个 控件 ， 可 以 在 页 面 
中 轻松 建立 导航 ， 其 基本 特征 如 下 。 
© SiteMapPath: 检索 用 户 当前 页 面 并 显示 层次 结构 的 控件 。 使 用 户 可 以 导航 回 到 层次 
结构 中 的 其 他 页 。SiteMap 控件 专门 与 SiteMapProvider 一 起 使 用 。 
© TreeView: 提供 纵向 用 户 界面 以 展开 和 折 芭 网 页 上 的 选 定 节点 ， 以 及 为 选 定 项 提供 
复 选 框 功能 。 而 且 TreeView 控件 支持 数据 绑 定 。 
e Menu: 提供 在 用 户 将 鼠标 指针 悬 停 在 某 一 项 时 弹出 附加 子 菜单 的 水 平 或 垂直 用 户 
界面 。 
这 3 个 导航 控件 都 能 够 快速 地 建立 导航 ， 并 且 能 够 调整 相应 的 属性 为 导航 控件 进行 自 定 
义 。SiteMapPath 控件 使 用 户 能 够 从 当前 位 置 导航 回 站 点 层次 结构 中 较 高 的 页 , 但 是 该 控件 并 
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不 允许 用 户 从 当前 页 面向 前 导航 到 层次 结构 中 较 深 的 其 他 页 面 。 相 比 之 下 ， 使 用 TreeView 
或 Menu 控 件 ,用 户 可 以 打开 节点 并 直接 选择 需要 跳 转 的 特定 页 ,这 两 个 控件 不 像 SiteMapPath 
控件 一 样 直 接 读 取 站 点 地 图 。TreeView 和 Menu 控件 不 仅 可 以 自 定义 选项 ， 也 可 以 绑 定 一 个 
SiteMapDataSource。 

TreeView 和 Menu 控件 有 一 些 区 别 ， 具 体 区 别 有 如 下 几 点 。 
Menu 展开 时 ， 是 弹出 形式 的 展开 ， 而 TreeView 控件 则 是 就 地 展开 。 
Menu 控件 并 不 是 按 需 下 载 ， 而 TreeView 控件 则 是 按 需 下 载 的 。 
Menu 控件 不 包含 复 选 框 ， 而 TreeView 控件 包含 复 选 框 。 
Menu 控件 允许 编辑 模板 ， 而 TreeView 控件 不 允许 模板 编辑 。 
Menu 在 布局 上 是 水 平和 垂直 ， 而 TreeView 控件 只 能 是 垂直 布局 。 
Menu 可 以 选择 样式 ， 而 TreeView 控件 不 行 。 

开发 人 员 在 网 站 开发 的 时 候 ， 可 以 通过 使 用 导航 控件 来 快速 地 建立 导航 ， 为 浏览 者 提供 
方便 ， 也 为 网 站 做 出 信息 指导 。 在 用 户 的 使 用 中 ， 通 常情 况 下 导航 控件 中 的 导航 值 是 不 能 
用 户 所 更 改 的， 但 是 开发 人 员 可 以 通过 编程 的 方式 让 用 户 也 能 够 修改 站 点 地 图 的 节点 。 

在 最 细微 的 层次 上 ， 网 站 不 过 是 由 多 个 网 页 组 成 的 集合 。 然 而 ， 这 些 网 页 通常 都 是 逻辑 
上 相关 联 且 以 某 种 方式 分 类 的 。 例如, 一 个 网 上 商店 可 以 按 产品 分 类 组 织 网 站 , 如 书籍 、CD、 
DVD 等 。 这 些 部 分 又 可 以 分 别 按 各 自 的 种 类 分 类 ， 如 书籍 可 以 分 为 计算 机 类 书籍 、 经 济 类 书 
籍 等 。 将 网 页 分 组 成 不 同 的 逻辑 类 别称 为 网 站 的 结构 。 

定义 网 站 的 结构 后 ， 大 多 数 Web 开发 人 员 将 创建 网 站 导航 。 网 站 导航 是 用 于 帮助 用 户 
浏览 网 站 的 用 户 界面 元 素 集 合 。 常 见 的 导航 元 素 包括 面包 条 、 菜 单 和 树 视图 。 这 些 用 户 界面 
元 素 常用 于 完成 两 种 任务 : 一 是 让 用 户 知道 自己 在 所 访问 网 站 中 的 位 置 ; 二 是 让 用 户 更 容易 、 
更 快速 地 跳 转 到 网 站 的 其 他 部 分 。 


5.5.1 SiteMapPath 导航 控件 


要 使 用 SiteMapPath 导航 控件 ， 首 先 需 要 使 用 站 点 地 图 定义 网 站 的 结构 ， 创 建站 点 地 图 
文件 ， 然 后 使 用 SiteMapPath 控件 实现 网 站 导航 。 

要 创建 站 点 地 图 ， 可 以 遵循 在 应 用 程序 中 添加 ASP.NET 网 页 的 步骤 。 在 【解决 方案 资 
源 管理 器 】 面 板 中 右 击 应 用 程序 名 称 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 】 命 令 ， 然 后 在 
弹出 的 【添加 新 项 】 对 话 框 中 ， 选 择 【 站 点 地 图 】 选 项 ， 并 单 击 【 添 加 】 按 钮 ， 即 可 为 应 用 
程序 添加 一 个 名 为 Web.sitemap 的 站 点 地 图 。 


注意 : 

添加 站 点 地 图 到 应 用 程序 中 时 , 需要 将 站 点 地 图 放 在 Web 应 用 程序 的 根 目 录 下 ， 并 保持 
其 文件 为 Web.sitemap。 如果 将 该 文件 放 在 另 一 个 文件 夹 中 或 修改 为 不 同 的 文件 名 ， 
SiteMapPath 导航 控件 将 不 能 找到 站 点 地 图 ， 也 就 不 能 知道 网 站 的 结构 ， 因 为 ， 默 认 情况 下 ， 
SiteMapPath 导航 控件 只 在 根 目 录 下 寻找 名 为 Web.sitemap 的 文件 。 


添加 站 点 地 图 后 ， 在 【解决 方案 资源 管理 器 】 面 板 中 双击 Web.sitemap， 打 开 该 文件 ， 
将 显示 默认 情况 下 站 点 地 图 中 的 标记 ， 程 序 清单 如 下 : 
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<?xml version="1.0" encoding="utf-8" ?> 
<siteMap xmlns="http://schemas microsoft.com/AspNet/SiteMap-File-1.0" > 
<siteMapNode url="" title="" description=""> 
<siteMapNode url="" title="" description="" /> 
<siteMapNode url="" title="" description="" /> 
</siteMapNode> 
</siteMap> 


站 点 地 图 是 指 描述 网 站 逻辑 结构 的 XML 文件 ， 该 文件 的 扩展 名 为 .sitemap。 这 个 XML 
文件 包含 了 网 站 的 逻辑 结构 。 要 定义 网 站 的 结构 ， 需 要 手工 编辑 这 个 文件 。 


注意 : 
内 部 没有 内 容 的 XML 元 素 可 以 采用 两 种 形式 的 结束 标签 : 一 种 是 宛 余 方式 ， 如 <myTag 
attribute="value"...></myTag>; 另 一 种 是 简洁 方式 ， 如 <myTag attribute= "value".../>。 


定义 好 站 点 地 图 以 后 ， 就 可 以 使 用 SiteMapPath 控件 显示 导航 路 径 了 ， 也 就 是 显示 当前 
页 面 在 网 站 中 的 位 置 。 只 需 将 该 控件 拖 放 到 站 点 地 图 中 包含 的 .aspx 页 面 上 ， 就 能 自动 实现 导 
航 ， 而 无 需 开发 者 编写 任何 代码 。 

注意 : 

只 有 包含 在 站 点 地 图 中 的 网 页 才能 被 SiteMapPath 控件 导航 ; 如 果 将 SiteMapPath 控件 放 
置 在 站 点 地 图 中 未 列 出 的 网 页 中 ， 那 么 该 控件 将 不 会 显示 任何 信息 。 

SiteMapPath 控件 像 大 多 数 Web 控件 一 样 , 也 有 许多 可 用 于 定制 其 外 观 的 属性 。 如 表 5-6 
所 示 为 SiteMapPath 控件 的 常用 属性 。 


表 5-6 SiteMapPath 控件 的 常用 属性 


属 性 名 说 明 
CurrentNodeStyle 定义 当前 节点 的 样式 ， 包 括 字体 、 颜 色 、 样 式 等 
NodeStyle 定义 导航 路 径 上 所 有 节点 的 样式 
pr evel elie 指定 在 导航 路 径 上 显示 的 相对 于 当前 节点 的 父 节点 层 数 。 默 认 值 为 -1， 表 
示 父 级 别 数 没有 限制 
指定 导航 路 径 上 各 节点 的 显示 顺序 。 默 认 值 为 RootToCurrent， 即 按 从 左 到 
PathDirection 右 的 顺序 显示 从 根 节点 到 当前 节点 的 路 径 。 另 一 选项 为 CurrentToRoot， 即 
按 相 反 的 顺序 显示 导航 路 径 
PathSeparator 指定 导航 路 径 中 节点 之 间 分 隔 符 。 默 认 值 为 “>”， 也 可 自 定 义 为 其 他 符号 
PathSeparatorStyle 定义 分 隔 符 的 样式 
RenderCurrentNodeAsLink | 是 否 将 导航 路 径 上 当前 页 名 称 显示 为 超 链 接 。 默 认 值 为 false 
RootNodeStyle 定义 根 节点 的 样式 
当 鼠 标 悬 停 于 导航 路 径 的 某 个 节点 时 ， 是 否 显示 相应 的 工具 提示 信息 。 默 
ShowToolTips 认 值 为 tue， 即 当 鼠 标 悬 停 于 某 节点 上 时 ， 显 示 该 节点 在 站 点 地 图 中 定义 
的 Description 属性 值 
SiteMapProvide 允许 为 SiteMapPath 控件 指定 其 他 的 站 点 地 图 提供 者 


下 面 通过 具体 的 例子 演示 如 何 利用 站 点 地 图 和 SiteMapPath 控件 实现 自动 导航 。 
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【 例 5-11】 创 建 如 图 5-38 所 示 的 站 点 地 图 ， 然 后 利用 SiteMapPath 控件 实现 自动 导航 。 


首页 
Home.aspx 


计算 机 类 经 济 类 
PartOne.aspx PartTwo.aspx 
应 用 类 编程 类 
PO1.aspx PO2.aspx 


图 5-38 ”网 上 书店 网 站 的 逻辑 结构 


(1) 在 应 用 程序 中 添加 一 个 名 为 Web.sitemap 的 站 点 地 图 。 
(2) 将 Web.sitemap 文件 中 的 内 容 修改 为 如 下 形式 。 


<?xml version="1.0" encoding="utf-8" ?> 
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 
<siteMapNode url="~/Home.aspx" title=" 主 页 " description="Home"> 
<siteMapNode url="~/PartOne.aspx" title=" 计 算 机 类 "” description=" 单 击 此 链接 转 到 计算 机 类 "> 
<siteMapNode url="~/PO1.aspx" title=" 应 用 类 " description=" 单 击 此 链接 转 到 应 用 类 " /> 
<siteMapNode url="~/PO2.aspx" title=" 编 程 类 " description=" 单 击 此 链接 转 到 编程 类 " /> 
</siteMapNode> 
<siteMapNode url="~/PartTwo.aspx"title=" 经 济 类 " description=" 单 击 此 链接 转 到 经 济 类 "> 
</siteMapNode> 
</siteMapNode> 
</siteMap> 


注意 : 

站 点 地 图 文件 中 只 能 有 一 个 根 节 点 ， 即 位 于 <sitemap> 下 方 的 第 一 个 <siteMapNode> 元 素 
中 的 Home.aspx 页 面 。 在 根 节 点 下 可 以 谋 套 任意 多 个 子 节点 ， 子 节点 仍然 用 <siteMapNode> 
TRL 

在 每 个 节点 的 定义 中 ,title 实现 在 导航 控件 中 显示 指定 页 面 的 名 称 ，description KIKA 
天 停 于 导航 控件 的 某 个 节点 上 时 所 要 显示 的 提示 信息 ，url 实现 指定 节点 对 应 的 页 面 路 径 。 


(3) 保存 文件 ， 完 成 站 点 地 图 的 设计 。 定 义 了 站 点 地 图 之 后 ， 就 可 以 在 导航 控件 中 轻松 
地 实现 导航 功能 。 

(4) 在 【解决 方案 资源 管理 器 】 中 , 分 别 添加 名 为 Home.aspx、PartOne.aspx、PartTwo.aspx、 
PO1.aspx 和 PO2.aspx 的 网 页 。 

(5) 切换 到 Home.aspx 的 【设计 】 视 图 ， 向 页 面 中 拖 放 一 个 SiteMapPath 控件 ， 即 可 以 看 
到 该 页 面相 对 应 于 Home.aspx 的 导航 路 径 ， 如 图 5-39 所 示 。 

(6) 切换 到 PO2 aspx 的 【设计 】 视 图 ， 向 页 面 中 拖 放 一 个 SiteMapPath 控件 ， 即 可 看 到 
该 页 面相 对 应 于 Home.aspx 和 PartOne.aspx 的 导航 路 径 ， 如 图 5-40 所 示 。 


.146。 


Æ htpy/localhose53615/Home 


| http://localh.. 图 区 Ç B 
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TZ HupynocalhostS3515/PO22s- eal 
ee 
|| http://localh.. 加 v| |x 


e |88|z 1 htpy/o x | htpyiocal- | 


|% [BB 1 hapyfocal | hipo. x | | 


主页 


@& 本 地 Intranet | 保护 模式 (a > R100% ~ 


| 主页 > 计算 机 类 > 编程 类 


& s Intranet | AIS G + R100% ~ 


图 5-39 ”控件 拖 放 到 Home.aspx 后 的 效果 


图 5-40 控件 拖 放 到 PO2.aspx 后 的 效果 


可 见 ， 利 用 站 点 地 图 和 SiteMapPath 控件 实现 自动 导航 非常 方便 。 如 果 不 希 望 采 用 这 种 
方式 导航 ， 也 可 以 利用 Menu 控件 或 者 TreeView 控件 来 实现 自 定 义 导航 功能 。 


5.5.2 Menu 导航 控件 


Menu 控件 主要 用 于 创建 一 个 菜单 ， 让 用 户 快速 选择 不 同 的 页 面 ， 从 而 完成 导航 功能 。 该 控 
件 可 以 包含 一 个 主 菜 单 和 多 个 子 菜单 。 菜单 有 静态 和 动态 两 种 显示 模式 : 静态 显示 模式 是 指定 义 


的 菜单 始终 完全 显示 ; 动态 显示 模式 是 指 需 要 用 户 将 鼠标 停留 在 菜单 项 上 时 才 显 示 子 菜单 。 


Menu 控件 的 常用 属性 如 表 5-7 所 示 。Menu 控件 的 属性 很 多 ， 这 里 不 逐一 介绍 。 


属 性 名 


DynamicEnableDefaultPopOutImasge 


StaticEnableDefaultPopOutImage 
DynamicPopOutImageUTrl 
StaticPPopOutImageUrl 


DynamicBottomSeparatorImageUrl 


StaticBottomSeparatorImasgeUrl 
DynamicTopSeparatorImageUrl 
StaticTopSeparatorImageUrl 


表 5-7 Menu 控件 的 常用 属性 


说 BB 
是 否 在 菜单 各 项 之 间 显 示 分 隔 图 像 。 默 认 值 为 true 


设置 菜单 中 自 定义 分 隔 图 像 的 URL 


指定 在 菜单 项 下 方 显示 图 像 的 URL, 默认 值 为 空 字符 串 (")， 即 菜 
单项 下 方 不 显示 任何 图 像 
指定 在 荣 单项 上 方 显示 图 像 的 URL。 默 认 值 为 空 字符 串 (9， 即 菜 
单项 上 方 不 显示 任何 图 像 


DynamicHorizontalOffset 指定 菜单 相对 于 其 父 菜单 的 水 平 距离 ， 单 位 是 像素 ， 默 认 值 为 0。 
StaticHorizontalOffset 该 属性 值 可 正 可 负 ， 为 负 值 时 ， 各 菜单 之 间 的 距离 会 缩小 
y ee 指定 菜单 相对 于 其 父 菜单 项 的 垂直 距离 
StaticVerticalOffset 

meget en See 设置 Menu 控件 的 整个 外 观 样式 

StaticMenuStyle 

DynameleMcatilemsiyls 设置 单个 菜单 项 的 样式 

StaticMenultemStyle 

Dyniameselëctedsiyle 设置 所 选 菜单 项 的 样式 

StaticSeletedStyle 

设置 当 鼠标 悬 停 在 菜单 项 上 时 的 样式 

StaticHoverStyle 


MaximumDynamicDisplayLevels 


Orientation 


设置 动态 菜单 的 最 大 层 数 ， 默 认 值 为 3 
设置 菜单 的 展开 方向 ， 有 Horizontal 和 Vertical 两 个 选项 ， 默 认 值 
为 Vertical， 即 垂直 方向 


第 5 章 ASPNET 常用 服务 器 控件 “147。 


Menu 控件 的 用 法 非常 灵活 , 设计 者 可 以 利用 它 定义 各 种 菜单 样式 , 实现 类 似 于 Windows 
窗口 菜单 的 功能 。 
下 面 通过 一 个 具体 的 例子 演示 如 何 利用 Menu 控件 实现 自 定义 导航 功能 。 
【 例 5-12】 假 定 网 站 的 结构 如 图 5-41 所 示 ， 利 用 Menu 控件 在 网 页 中 添加 一 个 菜单 ， 
实现 自 定义 导航 功能 。 


人 事 处 教务 处 学 生 处 动态 信息 学 校 公告 
PartTwol.aspx PartTwo2.aspx ParTwo3.aspx PartThreel.aspx Part Three2.aspx 


图 5-41 学 校 网 站 的 逻辑 结构 


具体 设计 步骤 如 下 。 

(1) 新 建 一 个 名 为 Menu_Ex 的 ASP.NET Web 窗 体 应 用 程序 。 

(2) 在 应 用 程序 中 分 别 添加 名 为 PartOne.aspx 、PartTwol.aspx 、 PartTwo2.aspx 、 
PartTwo3.aspx、PartThreel.aspx 和 PartThree2.aspx 的 网 页 。 

(3) 在 应 用 程序 中 添加 一 个 名 为 MenuExample.aspx 的 网 页 ， 然 后 切换 到 【设计 】 视 图 ， 
向 页 面 中 拖 放 一 个 Menu 控件 。 

(4) 将 Menu 控件 的 【Orientation】 属 性 设置 为 Horizontal， 以 便 使 其 横向 排列 。 

(5) 单 击 Menu 控件 右上 方 的 小 三 角 符号 ， 选 择 【 编 辑 菜单 项 】， 如 图 5-42 所 示 ， 在 弹 
出 的 【菜单 项 编辑 器 】 对 话 框 中 ， 输 入 各 级 菜单 项 ， 如 图 5-43 所 示 。 
i E 

EE 


ARRES: |5) x) 
视图 LEJ x) 
fim em 

转换 为 DynamicItenTenplate 

转换 为 StaticItenTenplate 


[| 
图 5-43 在 【菜单 项 编辑 器 】 中 编辑 菜单 
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(6) 在 右 侧 的 【属性 】 列 表 框 中 ， 利 用 【NavigateUrl】 属 性 设置 各 菜单 项 链接 的 网 页 ， 
全 部 设置 完成 后 ， 单 击 【确定 】 按 钮 。 

(7) 也 可 以 在 如 图 5-42 所 示 中 ， 选 择 【 自 动 套用 格式 】 选 项 ， 设 置 一 般 的 显示 格式 ， 本 
例 选择 的 是 【简明 型 】。 

(8) 切换 到 MenuExample.aspx 的 【 源 】 视 图 , 将 <body> 和 </body> 之 间 的 代码 修改 如 下 : 


<form id="form1" runat="server"> 
<div> 
<asp:Menu ID="Menul" runat="server" BackColor="#B5C7DE" 
DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" 
ForeColor="#284E98" onmenuitemclick="Menul MenultemClick" 
Orientation="Horizontal" StaticSubMenuIndent="10px"> 
<DynamicHoverStyle BackColor="#284E98" ForeColor="White" /> 
<DynamicMenultemStyle HorizontalPadding="5px" VerticalPadding="2px" /> 
<DynamicMenuStyle BackColor="#B5C7DE" /> 
<DynamicSelectedStyle BackColor="#507CD1" /> 
<Items> 
<asp:Menultem NavigateUrl="~/PartOne.aspx" Text=" 学 校 介 绍 " Value=" 学 校 介 绍 '> 
</asp:Menultem> 
<asp:Menultem Text=" 机 构 设置 " Value=" 机 构 设置 "> 
<asp:Menultem NavigateUrl="~/PartTwol.aspx" Text=" 人 事 处 "Value=" 人 事 处 "> 
</asp:Menultem> 
<asp:Menultem NavigateUrl="—/PartTwo2.aspx" Text=" 教 务 处 "Value=" 教 务 处 "> 
</asp:Menultem> 
<asp:Menultem NavigateUrl="~/PartTwo3.aspx" Tex 人 "学 生 处 "Value=" 学 生 处 "> 
</asp:Menultem> 
</asp:Menultem> 
<asp:Menultem Text=" 新 闻 " Value=" 新 闻 "> 
<asp:Menultem Text=" 动 态 信息 " Value=" 动 态 信 
<asp:Menultem Text=" 学 生 公告 " Value=" 学 生 公 
</asp:Menultem> 
</Items> 
<StaticHoverStyle BackColor="#284E98" ForeColor="White" /> 
<StaticMenultemStyle HorizontalPadding="5px" VerticalPadding="2px" /> 
<StaticSelectedStyle BackColor="#507CD1" /> 
</asp:Menu> 
</div> 
</form> 


息 "></asp:Menultem> 
告 "></asp:Menultem> 


当然 ， 也 可 以 通过 在 【设计 】 视 图 下 设置 Menu 控件 的 各 种 属性 得 到 上 面 的 代码 。 
(9) 切换 到 MenuExample.aspx 网 页 ， 按 F5 键 调试 运行 ， 运 行 效果 如 图 5-44 所 示 。 
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5.5.3 TreeView 导航 控件 TE pep/nocalhost ase en el 
SO wea NINE 
TreeView 控件 与 Menu 控件 相似 , 都 提供 了 导航 功 — [2 |1 hapynocalhostsas66/venuExampl | | 


能 。TreeView 控件 与 Menu 控件 的 区 别 在 于 anes | > EE a? 


Menu 控件 那样 由 菜单 项 和 子 菜单 组 成 ， 而 是 用 一 Ea 
折合 树 显 示 网 站 的 各 个 部 分 。 根 节 Roy 人 
节点 ， 子 节点 下 又 可 以 包含 子 节点 ， 最 下 层 是 叶 节点 。 TS 


访问 者 可 以 快速 看 到 网 站 的 所 有 部 分 及 其 位 于 网 站 结构 。 图 5-44 Menu 控件 的 运行 效果 
层次 中 的 位 置 . 树 中 的 每 一 个 节点 都 显示 为 一 个 超 链接 ， 
被 单 击 时 把 用 户 引 导 到 相应 的 部 分 。 

TreeView 控件 也 包含 很 多 属性 ， 其 中 常用 的 属性 如 表 5-8 所 示 。 


表 5-8 TreeView 控件 的 常用 属性 


属 性 名 说 — BB 
节点 折合 后 显示 的 图 像 。 默 认 情况 下 ， 常 用 带 方 框 的 “+” 号 作为 可 展开 指示 
CollapseImageUrl 图 像 
节点 展开 后 显示 的 图 像 。 默 认 情况 下 ， 常 用 带 方 框 的 “-” 号 作为 可 折 革 指示 
ExpandImageUrl 图 像 


EnableClientScript 是 否 可 以 在 客户 端 处 理 节点 的 展开 和 折 受 事件 。 默 认 值 为 true 
第 一 次 显示 TreeView 控件 时 ， 树 的 展开 层次 数 。 默 认 值 为 FullyExpand( 即 -1)， 


PDN 表示 展开 所 有 节点 

Nodes 设置 TreeView 控件 的 各 级 节点 及 其 属性 
ShowExpandCollapse | 是 否 显示 折合 、 展 开 图 像 。 默 认 值 为 true 

ShowLines 是 否 显示 连接 子 节点 和 父 节点 之 间 的 连 线 。 默 认 值 为 false 


指示 在 哪些 类 型 节点 的 文本 前 显示 复 选 框 。 共 有 5 个 属性 值 : None( 所 有 节点 均 
ShowCheckBoxes 不 显示 )、Root( 仅 在 根 节点 前 显示 )、Parent( 仅 在 父 节 点 前 显示 )、Leaf 仅 在 叶子 
节点 前 显示 ) 和 All( 所 有 节点 前 均 显示 )。 默 认 值 为 None 


除了 表 5-8 所 示 的 常用 属性 外 ，TreeView 控件 还 有 很 多 与 外 观 相关 的 属性 ， 可 以 用 来 定 
制 TreeView 的 外 观 ，TreeView 控件 的 外 观 属性 如 表 5-9 所 示 。 


表 5-9 TreeView 控件 的 外 观 属性 


属 性 名 t BB 
HoverNodeStyle 当 鼠 标 悬 停 于 节点 上 时 ， 节 点 的 样式 
LeafNodeStyle 叶子 节点 的 样式 
LevelStyle 特殊 深度 节点 的 样式 
NodeStyle 所 有 节点 的 默认 样式 
ParentNodeStyle 父 节 点 的 样式 
RootNodeStyle 根 节点 的 样式 
SelectedNodeStyle 选 定 节点 的 样式 


下 面 通过 一 个 例子 来 演示 如 何 利 用 TreeView 控件 来 实现 自 定义 导航 。 
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【 例 5-13】 利 用 TreeView 控件 实现 的 导航 功能 ， 当 单 击 “ 节 点 ”时 ， 导 航 到 对 应 的 
网 页 。 
(1) 在 应 用 程序 中 添加 一 个 名 为 TreeView.aspx 的 网 页 ， 然 后 切换 到 【设计 】 视 图 ， 向 页 
面 中 拖 放 一 个 TreeView 控件 。 
(2) 单 击 TreeView 控件 右上 方 的 小 三 角 符号 ， 选 择 【 编 辑 节点 】， 在 弹出 的 【Treeview 
节点 编辑 器 】 对 话 框 中 ， 输 入 各 节点 的 名 称 ， 如 图 5-45 所 示 。 
这 里 说 明 一 点 , 为 了 让 读者 能 看 到 添加 节点 后 的 效果 , 图 5-45 所 示 的 是 添加 后 重新 进入 


编辑 状态 看 到 的 效果 。 如 果 是 第 一 次 添加 节点 ,不 会 看 到 图 中 左 侧 TreeView 控件 显示 的 效果 。 
| JE 
自动 套用 格式 节点 0 RED 
anasa: G D -ME 
tes ls: Navigatelr1 ~71-1-3. aspx 站 | 
口 显示 行 pii PopulateOnDenand False 
| Selecthction Select 
国语 Selected Fal: 
rr ShevCheckBox 
1-3 Target 
92 Text 1-1-3 
a ToolTip 
3 Value 1-1-3 
k m 
cked 
树 节点 的 选中 状态 ， 
Cw 


图 5-45 编辑 TreeView 节点 


(3) Æ [TreeView 节点 编辑 器 】 对 话 框 右 侧 的 【属性 】 列 表 框 中 ， 利 用 【NavigateUrl】 
属性 设置 各 节点 链接 的 网 页 ， 全 部 设置 完成 后 ， 单 击 【 确 定 】 按 钮 。 
(4) 切换 到 TreeView.aspx 的 【 源 】 视 图 ， 将 <body> 和 </body> 之 间 的 代码 修改 如 下 : 


<form id="form1" runat="server"> 
<div> 
<asp:TreeView ID="TreeView1" runat="server"> 
<Nodes> 
<asp:TreeNode Text="1" Value="1"> 
<asp:TreeNode Text="1-1" Value="1-1"> 
<asp:TreeNode NavigateUrl="~/1-1-1.aspx" Text="1-1-1" Value="1-1-1"> 
</asp:TreeNode> 
<asp:TreeNode NavigateUrl="~/1-1-2.aspx" Text="1-1-2" Value="1-1-2"> 
</asp:TreeNode> 
<asp:TreeNode NavigateUrl="~/1-1-3.aspx" Text="1-1-3" Value="1-1-3"> 
</asp:TreeNode> 
</asp:TreeNode> 
<asp:TreeNode Text="1-2" Value="1-2"></asp:TreeNode> 
<asp:TreeNode Text="1-3" Value="1-3"></asp:TreeNode> 
</asp:TreeNode> 
<asp:TreeNode Text="2" Value="2"> 
<asp:TreeNode Text="2-1" Value="2-1"></asp:TreeNode> 
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<asp:TreeNode Text="2-2" Value="2-2"></asp:TreeNode> 
</asp:TreeNode> 
<asp:TreeNode Text="3" Value="3"></asp:TreeNode> 
<asp:TreeNode Text="4" Value="4"></asp:TreeNode> 
</Nodes> 
</asp:TreeView> 
</div> 
</form> 


(5) 切换 到 TreeView.aspx 网 页 ， 调 试 运行 ， 可 以 分 别 展开 和 折 闪 相应 的 节点 。 
5.6 HTML 控件 


工具 箱 的 HTML 类 别 中 包含 许多 HTML 控件 , 它们 看 起 来 与 标准 类 别 中 的 控件 很 相似 。 
例如 ，Input (Button) 控 件 看 起 来 就 像 <asp:Button>。 类 似 地 ，Select 控件 有 <asp:DropDownList> 
和 <asp:ListBox> 作 为 它 的 对 应 控件 。 

在 Visual Studio Express 2012 for Web 中 ， 从 工具 箱 添加 到 页 面 上 的 HTML 控件 只 是 已 
设置 了 某 些 属性 的 HTML 元 素 , 当然 也 可 通过 输入 HTML 标记 在 源 视图 中 创建 HTML 元 素 。 

默认 情况 下 ，ASP.NET 文件 中 的 HTML 元 素 被 视 为 传递 给 浏览 器 的 标记 ， 作 为 文本 进 
行 处 理 , 并 且 不 能 在 服务 器 端 代 码 中 引用 这 些 元 素 , 只 能 在 客户 端 通过 JavaScript 和 VBScript 
等 脚本 语言 来 控制 。 若 要 使 这 些 元 素 能 以 编程 方式 进行 访问 ， 可 以 通过 添加 ronat="server" 属 
性 表明 应 将 HTML 元 素 作为 服务 器 控件 进行 处 理 , 这 样 就 可 以 使 用 基于 服务 器 的 代码 对 其 进 
行 编程 引用 了 。 

标准 控件 和 HTML 控件 之 间 似 乎 有 一 些 重 合 ， 但 是 HTML 控件 的 功能 比 标准 类 别 中 的 
控件 的 功能 少 得 多 。 一 般 来 说 ， 标 准 类 别 中 的 真正 服务 器 控件 提供 了 更 多 的 功能 。 不 过 这 种 
功能 是 有 代价 的 。 因 为 它们 增加 了 复杂 度 ， 所 以 处 理 服务 器 控件 会 多 花 一 点 时 间 。 然 而 ， 在 


在 页 面 上 有 很 多 控件 时 ， 使 用 HTML 控件 才 会 提供 稍 好 一 些 的 性 能 。 

在 大 多 数 情况 下 ， 人 们 更 愿意 使 用 服务 器 控件 而 不 是 与 它们 对 应 的 HTML 控件 。 因 为 服 
务 器 控件 提供 了 更 多 的 功能 ， 在 页 面 中 更 灵活 ， 可 以 给 用 户 带 来 更 丰富 的 体验 ， 而 且 更 好 地 支 
持 页 面 设 计 ， 因 此 值得 选择 。 如 果 十 分 确信 不 需要 服务 器 控件 提供 的 这 些 功能 ， 则 可 以 选择 
HTML 控件 。 


57 用 户 控 件 


有 时 可 能 需要 控件 具有 ASPNET 内 置 服务 器 控件 没有 的 功能 。 在 这 种 情况 下 ， 用 户 可 
以 创建 自己 的 控件 。 有 两 种 实现 方法 ， 可 以 创建 用 户 控件 和 自 定义 控件 。 
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e 用 户 控件 : 用 户 控件 是 能 够 在 其 中 放置 标记 和 服务 器 控件 的 容器 。 然 后 ， 可 以 将 用 
户 控件 作为 一 个 单元 对 待 ， 为 其 定义 属性 和 方法 。 
° 自 定义 控件 ， 自 定义 控件 是 编写 的 一 个 类 ， 此 类 从 Control 或 WebControl 派生 。 
创建 用 户 控 件 要 比 创建 自 定义 控件 方便 很 多 ， 因 为 可 以 重用 现 有 的 控件 。 用 户 控件 使 创 
建 具有 复杂 用 户 界面 元 素 的 控件 成 为 可 能 。 


1. 用 户 控件 结构 


ASPNET Web 用 户 控件 与 完整 的 ASPNET 网 页 (.aspx 文件 ) 相 似 ， 同 时 具有 用 户 界面 页 
和 代码 页 。 可 以 采取 与 创建 ASPNET 页 相似 的 方式 创建 用 户 控件 ， 然 后 向 其 中 添加 所 需 的 
标记 和 子 控件 。 用户 控 件 可 以 像 页 面 一 样 , 包含 对 其 内 容 进行 操作 (包括 执行 数据 绑 定 等 任务 ) 
的 代码 。 

2. 用 户 控件 与 ASP.NET 网 页 的 区 别 


(1) 用 户 控件 的 文件 扩展 名 为 .ascx。 

(2) 用 户 控件 中 没有 @Pasge 指令 ， 而 是 包含 @Control 指令 ， 该 指令 对 配置 及 其 他 属性 进 
TEX. 

(3) 用 户 控件 不 能 作为 独立 文件 运行 。 而 必须 像 处 理 任何 控件 一 样 ， 将 它们 添加 到 
ASP.NET 页 中 。 

(4) 用 户 控 件 中 没有 HTML, body 或 form 元 素 。 这 些 元 素 必 须 位 于 宿主 页 中 。 

(5) 可 以 在 用 户 控件 上 使 用 与 在 ASP.NET 网 页 上 相同 的 HTML 元 素 (HTML、body 或 
form 元 素 除 外 ) 和 Web 控件 。 例 如 ， 如 果 要 创建 一 个 将 用 作 工具 栏 的 用 户 控件 ， 则 可 以 将 一 
系列 Button 服务 器 控件 放 在 该 控件 上 ， 并 创建 这 些 按钮 的 事件 处 理 程序 。 

【 例 5-14 】 演示 一 个 实现 微调 控件 的 用 户 控件 。 在 此 微调 控件 中 , 用 户 可 以 单 击 “ 向 上 ” 
和 “向 下 ”按钮 ， 以 滚动 文本 框 中 的 一 系列 选项 。 

(1) 在 【解决 方案 资源 管理 器 】 中 右 击 项 目 名 称 ， 选 择 【 添 加 新 项 】 命 令 ， 在 弹出 的 对 
话 框 中 选择 【Web 用 户 控件 】 模 板 ， 使 用 默认 名 称 为 WebUserControll.ascx，【 语 言 】 选 择 
“Visual C#”， 选 中 【将 代码 放 在 单独 的 文件 中 】 复 选 框 ， 单 击 【 添 加 】 按 钮 ， 用 户 控件 文 
件 WebUserControl.ascx 就 添加 到 解决 方案 中 了 ， 如 图 5-46 所 示 。 


图 5-46 创建 Web 用 户 控件 文件 
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(2) 单 击 WebUserControll 的 【设计 】 标 签 ， 切 换 到 【设计 】 视 图 ， 然 后 在 【工具 箱 】 
中 依次 双击 TextBox, Button 控件 ， 添 加 一 个 TextBox 控件 和 两 个 Button 控件 。TextBox Fë 
件 的 属性 中 ，【 了 ReadoOnly】 属 性 设置 为 True, ID 属性 设置 为 TextBoxColor; 其 中 一 个 Button 
控件 的 ID 属性 设置 为 ButtonUp，Text 属性 设置 为 Up; 另 一 个 Button 控件 的 ID 属性 设置 为 
ButtonDown，Text 属性 设置 为 Down。 

WebUserControl.ascx 的 代码 如 下 : 


<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" 
Inherits="WebUserControl" %> 

<asp:TextBox ID="TextBoxColor" runat="server" ReadOnly=" True" Width="160px"></asp:TextBox> 

&nbsp;<asp:Button ID="ButtonUp" runat="server" Text="Up" OnClick="ButtonUp_Click"/> 

&nbsp;<asp:Button ID="ButtonDown" runat="server" Height="21px" Text="Down" 
OnClick="ButtonDown_Click"/> 


(3) 在 WebUserControl 的 【设计 】 视 图 中 双击 ， 切 换 到 WebUserControll 的 代码 视图 ， 
即 打 开 WebUserControl.ascx.cs 文件 ， 定 义 变量 ， 为 Page Load 事件 、Up 按钮 和 Down 按钮 
的 Click 事件 添加 如 下 代码 。 


public partial class WebUserControl : System.Web.UIUserControl 
í 
protected int currentColorIndex; 
protected string[] colors = í "Red", "Green", "Blue", "Yellow", }; 
protected void Page _Load(object sender, EventArgs e) 
{//IsPostBack 的 值 指示 是 正 为 响应 客户 端 回 发 而 加 载 用 户 控件 , 还 是 正 第 一 次 加 载 和 访问 、 
/用 户 控件 。 如 果 是 正 为 响应 客户 端 回 发 而 加 载 用 户 控件 ， 则 为 rue; 否则 为 falses 


if (IsPostBack) 
{ 
currentColorIndex = Int16.Parse(ViewState["currentColorIndex"].ToString()); 
} 
else 
{ 
currentColorIndex = 0: 
DisplayColor(); 
) 
ji 
private void DisplayColor() 
{ 


TextBoxColor. Text = colors[currentColorIndex]; 

// 在 文本 框 文字 改变 时 字体 的 颜色 也 相应 改变 

TextBoxColor.ForeColor = System.Drawing.Color.FromName(colors[currentColorIndex)); 
String strColor = colors[currentColorIndex]; 

Response.Write("<body ”bgColor="+strColor+"></body>");// 让 网 页 背景 改变 颜色 。 
/下 面 的 代码 演示 如 何以 多 种 不 同 的 字号 显示 相同 的 HTML 文本 。 

for (int i = 0; i < 5; H+) 


{ 
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Response. Write("<font size=" + i + "> Hello World! </font>"); 
} 
/下 面 的 代码 演示 以 多 种 不 同 的 颜色 显示 相同 的 HTML 文本 。 
String strColor2 = colors[(currentColorIndex + 1) % 4]: 
Response. Write("<font color=" + strColor2 + 
"> 岁月 无 情 增 中 减 ， 书 香 有 味 苦 后 甜 </font>"); 
ViewState["currentColorIndex"] = currentColorIndex.ToString(); 


H: 
protected void ButtonUp_Click(object sender, EventArgs e) 
{ 
if (currentColorIndex == 0) 
{ 
currentColorIndex = colors.Length - 1; 
) 
else 
t 
currentColorIndex -= 1: 
) 
DisplayColor(); 
J 
protected void ButtonDown Click(object sender, EventArgs e) 
{ 
if (currentColorIndex == (colors.Length - 1)) 
Í 
currentColorIndex = 0: 
} 
else 
{ 
currentColorIndex += 1; 
) 
DisplayColor(); 
f 


i 


(4) 保存 用 户 控 件 。 创建 TestWebUserControl.aspx 页 面 ， 切 换 到 其 【设计 】 视 图 ， 从 【 解 
决 方案 资源 管理 器 】 中 拖 动 两 个 用 户 控件 WebUserControll 到 TestWebUserControl 窗 体 上 ， 
并 添加 如 图 5-47 所 示 的 文字 。 


| etysercontrel sse EEC | 


[rm 
p| Dom 
T| Dom| 
APRI pas. EARNE J: 
i 立 的 网 页 文件 运 
fr, 人 ， 将 它们 添加 到 
ASP.NET Ñ HER 


图 5-47 用 户 控 件 示例 


(5) 运行 TestWebUserControl 页 面 。 单 击 Up、Down 按钮 ， 会 发 现 单 击 按钮 ， 页 面 的 背 
景色 和 字体 颜色 会 有 所 改变 ， 如 图 5-48 所 示 。 
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图 5-48 ”使 用 用 户 控件 
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本 章 讲解 了 ASP.NET 中 的 常用 控件 ， 对 于 这 些 控件 ， 能 够 极 大 地 提高 开发 人 员 的 效率 ， 
对 于 开发 人 员 而 言 ， 能 够 直接 拖 动 控件 来 完成 应 用 的 目的 。 虽 然 控 件 的 功能 非常 强大 ， 但 是 
这 些 控 件 却 制约 了 开发 人 员 的 学 习 ， 人 们 虽然 能 够 经 常 使 用 ASP.NET 中 的 控件 来 创建 强大 
的 多 功能 网 站 ， 却 不 能 深入 地 了 解 控件 的 原理 ， 所 以 对 这 些 控件 的 熟练 掌握 ， 是 了 解 控件 的 
原理 的 第 一 步 。 本 章 从 Web 控件 的 概述 、 控件 的 种 类 、 标 准 控件 、 验证 控件 、 登 录 控件 、html 
控件 、 用 户 控 件 等 几 个 方面 做 了 详细 的 介绍 。 

这 些 控件 为 ASP.NET 应 用 程序 的 开发 提供 了 极 大 的 便利 ，ASP.NET 中 不 仅仅 包括 这 些 
基本 的 服务 器 控件 ， 还 包括 高 级 的 数据 源 控件 和 数据 绑 定 控件 用 于 数据 操作 ， 但 是 在 了 解 
ASP.NET 高 级 控件 之 前 ， 需 要 熟练 地 掌握 基本 控件 的 使 用 。 
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. 简要 说 明 HTML 表单 和 Web 表单 之 间 的 区 别 ? 
. 普通 的 HTML 标记 、HTML 服务 器 控件 、Web 服务 器 控件 有 什么 联系 和 区 别 ? 
. 什么 时 候 该 使 用 HTML 标记 、HTML 服务 器 控件 、Web 服务 器 控件 ? 
. 如何 使 多 个 RadioButton 控件 具有 互 斥 作用 ? 

5. 新 建 名 字 为 WebControl 的 网 站 ， 并 在 其 中 创建 6 个 页 面 ， 要 求 如 下 。 

(1) 在 defaultaspx 页 面 中 ， 添 加 一 个 TextBox 控件 、 两 个 Button 控件 、 一 个 ListBox 控 
件 。 将 两 个 Button 控件 的 Text 属性 分 别 改 为 “增加 ”和 “删除 ”。 当 单 击 【 增 加 】 按 钮 时 ， 
将 TextBox 文本 框 中 的 输入 值 添 加 到 ListBox 中 ; 当 单 击 【 删 除 】 按 钮 时 ， 删 除 ListBox 中 当 
前 选 定 的 项 。 
D 添加 一 个 网 页 ， 要 求 将 Label, LinkButton, HyperLink 控件 放 在 Panel 控件 中 ， 当 单 
击 一 组 Button 按钮 时 改变 Panel 控件 的 背景 色 ， 单 击 另 一 组 Button 控件 时 改变 Panel 控件 中 
文字 的 大 小 。 单 击 LinkButton 和 HyperLink 控件 时 分 别 导航 到 新 的 网 页 或 网 站 。 单 击 一 个 
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RadioButton 控件 时 隐藏 Panel 控件 ， 单 击 另 一 个 RadioButton 控件 时 显示 Panel 控件 。 

(3) 添加 一 个 网 页 , 在 页 面 中 添加 CheckBoxList 控 件 , 单 击 Button 按钮 时 将 CheckBoxList 
的 选项 写 到 ListBox 中 。 

(4) 添加 一 个 网 页 ， 在 页 面 中 添加 RadioButtonList 控件 ， 单 击 Button 按钮 时 将 
RadioButtonList 的 选项 写 到 ListBox 中 。 

(5) 添加 一 个 网 页 ， 添 加 一 个 DropDownList 控件 ， 选 择 DropDownList 控件 的 选项 时 导 
航 到 相应 的 网 站 。 

(6) 添加 一 个 网 页 ， 在 页 面 中 添加 TextBox、RequiredFieldValidator 和 CompareValidator 
控件 ， 实 现 CompareValidator 控件 的 Operator 行为 的 Equal、GreaterThan 等 属性 值 的 验证 。 

6. 请 开发 一 个 简单 的 计算 器 ， 输 入 两 个 数 后 可 以 求 两 个 数 的 和 、 差 等 。 

7. 请 开发 一 个 简单 的 在 线 考试 程序 ， 可 以 包括 若干 道 单 选 题 、 多 选 题 ， 单 击 交卷 按钮 后 
就 可 以 根据 标准 答案 在 线 评分 。 
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开发 Web 应 用 程序 通常 需要 考虑 两 个 方面 : 功能 和 外 观 。 其 中 ， 外 观 可 以 使 Web 站 点 
更 美观 ， 包 括 控件 的 颜色 、 图 像 的 使 用 、 页 面 的 布局 。 当 用 户 访问 Web 应 用 时 ， 网 站 的 界面 
和 布局 能 够 提升 访问 者 对 网 站 的 兴趣 和 继续 浏览 的 耐心 。 ASPNET 提供 了 皮肤 、 主 题 和 模板 
页 的 功能 ， 增 强 了 网 页 布局 和 界面 的 优化 功能 ， 使 开发 人 员 可 以 轻松 地 实现 对 网 站 开发 中 界 
面 的 控制 。 本 章 将 全 面 来 研究 Web 应 用 程序 中 样式 控制 和 页 面 布局 所 用 到 的 技术 和 使 用 
Faks 

本 章 的 学 习 目 标 : 

o 理解 CSS 的 概念 ， 掌 握 CSS 的 用 法 以 及 CSS 和 Div 布局 的 方法 ; 

e 理解 主题 的 概念 ， 掌 握 主 题 的 创建 和 引用 ; 

e 理解 母 版 页 和 内 容 页 的 概念 ， 掌 握 创建 母 版 页 和 内 容 页 的 方法 。 


6.1 CSS 概述 


在 Web 应 用 程序 的 开发 过 程 中 ，CSS(Cascading Style Sheets， 级 联 样 式 表 ) 是 用 于 控制 网 
页 样式 并 允许 将 样式 信息 与 网 页 内 容 分 离 的 一 种 标记 性 语言 ， 是 非常 重要 的 页 面 布局 方法 ， 
也 是 最 高 效 的 页 面 布局 方法 。 


6.1.1 CSS 简介 


简单 地 说 , CSS 的 引入 就 是 为 了 使 HTML 能 够 更 好 地 适应 页 面 的 美工 设计 。 它 以 HIML 
为 基础 ， 提 供 了 丰富 的 格式 化 功能 ， 如 字体 、 颜 色 、 背 景 、 整 体 排版 等 ， 并 且 网 页 设计 者 可 
以 针对 各 种 可 视 化 浏览 器 设置 不 同 的 样式 风格 在 网 页 布局 中 , 使 用 CSS 样式 可 以 非常 灵活 并 
更 好 地 控制 网 页 外 观 ， 大 大 减轻 实现 精确 布局 定位 、 维 护 特定 字体 和 样式 的 工作 量 。 

通常 CSS 能 够 支持 3 种 定义 方式 : 一 是 直接 将 样式 控制 放置 于 单个 HTML 元 素 内 ， 称 
为 内 联 式 ， 二 是 在 网 页 的 head 部 分 定义 样式 ， 称 为 嵌入 式 ; 三 是 以 扩展 名 为 .css 文件 保存 样 
式 ， 称 为 外 联 式 。 这 3 种 样式 分 别 适 用 于 不 同 的 场合 ， 内 联 式 适 用 于 对 单个 标签 进行 样式 控 
制 ， 这 种 方式 的 好 处 在 于 开发 方便 ， 而 在 维护 时 ， 就 需要 针对 每 个 页 面 进行 修改 ， 非 常 不 方 
(E; 而 嵌入 式 可 以 控制 一 个 网 页 的 多 个 样式 , 当 需 要 对 网 页 样式 进行 修改 时 , 只 需要 修改 head 
标签 中 的 style 标签 即 可 ,不 过 这 样 仍然 没有 让 布局 代码 和 页 面 代码 完全 分 离 ; 而 外 联 式 能 
将 布局 代码 和 页 面 代 码 相 分 离 ， 在 维护 过 程 中 ， 能 够 减少 工作 量 。 
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6.1.2 CSS 基础 


CSS 能 够 通过 编写 样式 控制 代码 来 进行 页 面 布 局 ， 在 编写 相应 的 HTML 标签 时 ， 可 以 
通过 style 属性 进行 CSS 样式 控制 。 例 如 下 面 的 代码 : 


<body> 


<div style="font-size:14px; "> 这 是 一 段 测 试 文字 </div> 
</body> 


上 述 代 码 使 用 内 联 式 进行 样式 控制 ， 并 将 属性 设置 为 font-size:14px， 其 意义 就 在 于 定义 
文字 的 大 小 为 14px。 同 样 ， 如 果 需 要 定义 多 个 属性 时 ， 可 以 写 在 同一 个 style 属性 中 。 

[J 6-1] style 属性 演示 。 
(1) 在 工程 中 添加 页 面 名 Cssl1.aspx。 
(2) 在 源 文件 中 添加 如 下 代码 。 

<body> 

<div style="font-size:16px;"> 这 是 一 段 测试 文字 1</div> 

<div style="font-size:16px; font-weight:bolder"> 这 是 一 段 测试 文字 2</div> 

<div style="font-size:16px; font-style:italic"> 这 是 一 段 测试 文字 3</div> 

<div style="font-size:20px: font-variant:small-caps">This is My First CSS code</div> 

<div style="font-size:14px; colorred"> 这 是 一 段 测试 文字 5</div> 
</body> 


(3) 运行 效果 如 图 6-1 所 示 。 
59 Ea CEZ 
本 I| httpy//localhost:54739/Css1.aspx I 
这 是 一 段 测试 文字 1 


THIS IS MY FIRST CSS CODE 
这 是 一 段 测试 文字 5 
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图 6-1 style 定义 风格 
style 属性 的 一 般 形 式 如 下 : 
< 元 素 名 称 style=" 属 性 名 1: 属 性 值 1; 属性 名 2: 属性 值 2; .……." > 显示 内 容 </ 元 素 名 称 > 
属性 名 与 属性 值 之 间 用 冒号 “:” 分 隔 ， 如 果 一 个 样式 中 包含 多 个 属性 ， 则 各 属性 之 间 用 
分 号 隔 开 。 
月 


月 内 联 式 的 方法 进行 样式 控制 固然 简单 ， 但 是 其 维护 过 程 却 是 非常 复杂 和 难以 控制 。 当 
需要 对 页 面 中 的 布局 进行 更 改 时 ， 则 需要 对 每 个 页 面 的 每 个 标签 的 样式 进行 更 改 ， 这 样 无 疑 
增 大 了 工作 量 ， 当 需要 对 页 面 进 行 布局 时 ， 可 以 使 用 嵌入 式 的 方法 进行 页 面 布局 。 
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【 例 6-2] style RARR. 
(1) 在 工程 里 创建 新 页 面 Css2.aspx。 
(2) 在 Css2.aspx 中 添加 如 下 代码 (对 比 与 【 例 6-1】 有 什么 不 同 ): 


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" 
Jnherits="WebApplication1. Default" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title> 这 是 一 段 文字 1</title> 
<style type="text/css"> 


-fontl 

{ 
font-size:14px; 

J 

.font2 

£ 
font-size:14px; 
font-weight:bolder; 

j 

.font3 

t 
font-size:14px; 
font-style:italic; 

J 

.font4 

{ 
font-size:14px; 
font-variant:small-caps; 

ji 

.fonts 
font-size:14px; 
color:red; 

J: 

</style> 

</head> 
<body> 


<div class="fontl"> 这 是 一 段 测试 文字 1</div> 
<div class="font2"> 这 是 一 段 测试 文字 2</div> 
<div class="font3"> 这 是 一 段 测试 文字 3</div> 
<div class="font4">This is My First CSS code</div> 
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<div class="font5"> 这 是 一 段 测试 文字 5</div> 


</body> 
</html> 
运行 结果 与 【 例 6-1】 相 同 。 这 种 写法 的 好 ¿di — 
Ç 3 wi iv class= | > 了 这 十 
处 是 ， 只 需要 定义 如 head 标签 中 的 style 标签 的 Er 
内 容 即 可 ， 其 编写 方法 也 与 内 联 式 相 同 。 在 编写 P m 
完 CSS 代码 后 , 需要 在 使 用 的 标签 中 添加 样式 引 rana 
用 ,如 图 6-2 所 示 。 图 62 堪 入 式 方法 的 使 用 风格 


6.1.3 创建 CSS 文件 


一 个 样式 表 由 若干 个 样式 规则 组 成 。 样 式 规则 是 指 网 页 元 素 的 样式 定义 ， 包 括 元 素 的 显 
示 方 式 以 及 元 素 在 页 中 的 位 置 等 。 在 【解决 方案 资源 管理 器 】 中 ， 添 加 一 个 样式 表 文件 
StyleSheet.css， 如 图 6-3 所 示 。 


WMM - a: wy documents\visual studio 2010 Web5ites XWebSiteTN J 
已 Sb 的 模板 Big. pult ` Den P| 
Visual Dasic al 
Vimal ce = BBT AD 的 Tc 服务 vina ce we 
月 于 Rich Yin. REUME 
E BAT sassa m mre usa es 


图 6-3 添加 CSS 文件 


该 规则 默认 是 仅 有 元 素 名 称 的 空 规则 ， 在 大 括号 内 右 击 ， 从 弹出 的 快捷 菜单 中 选择 【 生 
成 样式 】 命 令 ， 如 图 6-4 所 示 ， 打 开 【 修 改 样式 】 对 话 框 ， 如 图 6-5 所 示 。 


类 到 人 ) 
Er - 区 
ia =É 
DE 
| 定位 w 
| 布局 > 
ae eztrtransfora m 
x som Cul+x pe Nesi =o 
ú) sam Ctrl+C 
X meo Del 
tA EERS). sa 
B RESENA) Ctri+K, Ctrl+D PRF AsBbCc 
Ë REZTASWEANA  Ctri+K, Ctrl+F a 
格式 设 秆 与 验证 )- | 
ASLEA) C s= )[ wa 


图 6-4 选择 【生成 样式 】 命 令 图 6-5 【修改 样式 】 对 话 框 
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可 以 看 到 ， 无 论 是 定义 内 嵌 式 样式 还 是 链接 式样 式 ， 每 个 样式 的 定义 格式 都 是 一 样 的 。 


样式 定义 选择 符 { 属性 1: 值 1; 属性 2: 值 2; 


6.1.4 CSS 常用 属性 


CSS 不 仅 能 够 控制 字体 的 样式 ， 而 且 还 具有 强大 的 样式 控制 功能 ， 包 括 背 景 、 
距 等 属性 ， 页 面 元 素 的 布局 和 定位 是 否 合理 也 是 衡量 网 页 设计 是 否 美观 的 重要 指标 。 这 些 属 


边框 、 边 


性 能 够 为 网 页 布局 提供 良好 的 保障 ， 熟 练 地 使 用 这 些 属性 能 够 极 大 地 提高 Web 应 用 的 友 
好 度 。 如 表 6-1 所 示 列 出 了 部 分 常见 的 CSS 属性 及 其 应 用 场合 。 


表 6-1 常见 的 CSS 属性 
CSS 属性 描述 示 例 
background-color background-color:White; 
background-image | 指定 元 素 的 背景 色 或 图 像 ， 图 像 是 否 重复 | background-image: url(Image.jpg); 
background-repeat background-repeat:repeat-x 
border 指定 元 素 的 边框 border: 3px solid black; 
color 修改 字体 颜色 color: Green: 
display: none; 
display 修改 元 素 的 显示 方式 ， 允 许 隐 藏 或 显示 它们 这 种 设置 使 元 素 被 隐藏 , 不 占用 任何 屏幕 


允许 用 左 浮动 或 右 浮动 将 元 素 浮动 在 页 面 


空间 


float: right; 该 设 定 使 跟着 一 个 浮动 的 其 他 


Su 上 。 其 他 内 容 则 被 放 在 相应 的 位 置 上 | 内 容 被 放 在 元 素 的 右上 角 。 
font-family font-family: Arial; 
morais 修改 页 面 上 使 用 的 字体 外 观 moe 
font-style font-style: italic; 
font-weight font-weight: bold: 
ESS 设置 页 面 中 元 素 的 高 度 或 宽度 EERS 
width width: 200px; 
margin 设置 元 素 内 部 (内 边 距 ) 或 外 部 (页 边 距 ) 的 可 | padding: 0; 
_ padding 用 空间 margin: 20px: 
控制 页 面 中 的 元 素 是 否 可 见 。 不 可 见 的 元 素 | visibility: hidden; 
visibility 仍然 会 占用 屏幕 空间 ， 只 是 看 不 到 它们 而 本 这 会 使 元 素 不 可 见 。 但 仍然 会 占用 页 面 的 


6.1.5 DIV 和 CSS 布局 


层 布 局 最 核心 的 标签 就 是 DIV。DIV 是 一 个 容器 ， 在 使 用 时 以 <div></div> 的 形式 存在 。 


原始 空间 


在 XHTML 中 , 每 一 个 标签 都 可 以 称 为 容器 , 能 够 放置 内 容 。 但 DIV 是 XHTML 中 专门 用 于 
布局 设计 的 容器 对 象 。 

在 传统 的 表格 布局 中 ， 完 全 依赖 于 表格 对 象 TABLE， 在 页 面 中 绘制 多 个 单元 格 ， 在 表格 
中 放置 内 容 ， 通 过 表格 的 间距 或 者 用 无 色 透 明 的 GIF 图 片 来 控制 布局 版 块 的 间距 ， 达 到 排版 目 
的 ; 而 以 DIV 对 象 为 核心 的 页 面 布局 中 ， 通 过 层 来 定位 ， 通 过 CSS 定义 外 观 ， 最 大 程度 地 实 
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现 了 结构 和 外 观 彻底 分 离 的 布局 效果 ， 因 此 ， 习 惯 上 对 层 布 局 又 称 为 DIV 和 CSS 布局 。 
1. 定义 层 


添加 层 的 方法 非常 简单 , 可 以 从 【工具 箱 】 面板 中 的 【HTML) 选项 卡 中 托 搜 一 个 “Div” 
项 到 【设计 】 视 图 中 ， 或 者 在 【 源 】 视 图 中 创建 一 对 <div></div> 标 记 。 

【 例 6-3】 先 来 分 析 一 个 简单 地 定义 DIV 的 例子 。 

(1) 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 名 称 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 】 
命令 ， 新 建 一 个 Divl.aspx 页 面 ， 此 时 会 发 现代 码 中 已 经 包含 了 一 个 层 对 象 。 

(2) 切换 到 【设计 】 视 图 ， 选择 【格式 】|【 新 建 样式 】 命 令 ， 打开 【新 建 样 式 】 对 话 框 ， 
在 【选择 器 】 后 面 的 文本 框 中 输入 “#sample”， 然 后 选择 相应 的 类 别 进行 设置 ， 完 成 后 单 击 
【确定 】 按 钮 。 

(3) 选中 层 对 象 ， 选 择 【 视 图 】| 【管理 样式 】 命 令 ， 然 后 右 击 “#sample” 样 式 ， 从 弹出 
的 快捷 菜单 中 选择 【应 用 样式 】 命 令 即 可 ， 如 图 6-6 所 示 。 


aer ~ 9 Xf iva x StyleSheet css 
css 样式 : 
= 当前 网 页 
图 hoty 
@#sanple eh 
应 用 样式 0) 这 是 一 个 层 布局 的 例子 
转 到 代码 O 
选择 全 部 1 TRAO 
新 建 样式 W 
新 建 样式 副本 O 
修改 样式 W 
删除 0) 
册 除 链接 0) 
附加 样式 表 D. 


图 6-6 应 用 样式 
对 应 的 程序 代码 如 下 : 


<style> 

body{ text-align:center; } 

#sample 

{ 
margin: 10px 10px 10px 10px; 
padding:20px 10px 10px 20px; 
border-top: #CCC 2px solid; 
border-right: #CCC 2px solid; 
border-bottom: #CCC 2px solid; 
border-left: #CCC 2px solid; 
color: #666; 
text-align: center; 
line-height: 120px; 
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width:60%; 
} 
</style> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div id="sample"> 这 是 一 个 层 布局 的 例子 </div> 
</form> 
</body> 


2. 盒子 模型 


自从 1996 年 推出 CSS1 后 ，W3C 组 织 就 建议 把 所 有 网 页 上 的 对 象 都 放 在 一 个 盒子 om) 
中 ， 设 计 师 可 以 通过 创建 对 象 来 控制 这 个 盒 的 属性 ， 这 些 对 象 包括 段落 、 列 表 、 标 题 、 图 片 
以 及 层 。 盒 子 模型 主要 定义 4 个 区 域 ， 内 容 (content)、 边 框 距 (padding)、 边 界 (border) 和 边 距 
(margin), [f] 6-3】 中 定义 的 层 就 是 一 个 典型 
的 盒 。 对 于 初学 者 ， 经 常会 搞 不 清楚 margin 


margin-top 

background-color, background-image, padding, border-top 

content, border 之 间 的 层次 关系 和 相互 影响 。 nn 

如 图 6-7 所 示 的 就 是 一 个 盒子 模型 图 。 $ kaa | Š 
理解 盒子 模型 就 可 以 理解 层 与 层 之 间 定 Š munana -| ` 

位 的 关系 以 及 层 内 部 的 表达 样式 。 其中, margin border-bottom 

属性 负责 层 与 层 之 间 的 距离 , padding 属性 负责 = 


内 容 和 边框 之 间 的 距离 。 下 面 的 代码 可 以 帮助 图 6-7 盒子 模型 
进一步 理解 盒子 模型 的 含义 。 


<head runat="server"> 

<style type="text/css"> 

#sample2 

t 

background-color: #FFFF00; 

border-style: solid; 

padding-bottom: 25px; 

margin-bottom: 50px; 

width: 60%; 

1 

</style> 

</head> 

<body> 

<form id="form1" runat="server"> 

<div id="sample2">W3C 组 织 就 建议 把 所 有 网 页 上 的 对 象 都 放 在 一 个 盒 og 中 ， 设 计 师 可 以 通过 创 
建 定义 来 控制 这 个 盒 的 属性 ， 这 些 对 象 包括 段落 、 列 表 、 标 题 、 图 片 以 及 层 </div> 
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<p> 这 是 下 一 段 </p> 
</form> 
</body> 


这 段 代码 的 运行 效果 如 图 6-8 所 示 。 


W3C 组 织 就 建议 把 所 有 了 网 贝 上 的 对 象 都 放 


3. 层 的 定位 ee TUNRMEK 
在 一 个 页 面 中 定义 多 个 层 时 , 会 发 现 这 些 层 自 277 
动 排列 在 不 同 的 行 ， 而 要 真正 实现 左右 排列 ， 就 要 aargin bottoa:50px 
加 入 新 的 属性 一 一 float( 浮 动 属性 )。float 浮动 属性 这 是 下 一 段 
是 DIV 和 CSS 布局 中 的 一 个 非常 重要 的 属性 。 大 图 6-8 ”盒子 模型 举例 
部 分 DIV 布局 都 是 通过 float 的 控制 来 实现 的 。 具 
体 参数 如 下 。 
o float:none 用 于 设置 是 否 浮动 。 


e float:left 用 于 表示 对 象 向 左 浮动 。 

o float:right 用 于 表示 对 象 向 右 浮动 。 

【 例 6-4】 下 面 通过 一 个 左右 分 栏 布局 的 例子 来 说 明 float 的 用 法 ， 该 布局 包含 两 个 层 且 
左右 排列 ， 这 是 最 常用 的 布局 结构 之 一 ， 创 建 Div2.aspx， 其 效果 如 图 6-9 所 示 。 
Div2. aspx X 


body 
当前 层 的 TD 是 1ef+ 当前 层 的 In 是 right 


Rt oh | 回 源 html>| body> 


图 6-9 左右 分 栏 效果 
要 实现 这 样 的 效果 ， 必 须 使 用 float 属性 ， 代 码 如 下 : 


<head runat="server"> 


<title></title> 
<style type="text/css"> 

#left,#right 

K 
width:200px; 
height:160px; 
background-color:#cecece; 
border:1px dashed #33ccff, 

} 


#left{float:left;} 
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#right {float:left;} 
</style> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div id="left"> Ri =: BJ ID 是 left</div> 
<div id="right">`% BI J=: BJ ID Æ right</div> 
</form> 
</body> 


读者 可 以 尝试 去 掉 “ 夫 eft{float:left}” 和 “ 执 ight{float:left} ”来 看 看 会 变 成 什么 效果 。 当 
然 ， 也 可 以 把 float 的 属性 值 改 为 right， 看 看 会 变 成 什么 效果 。 

要 想 实现 两 列 中 左 列 宽度 固定 而 右 列 宽度 自 适应 窗口 大 小 的 效果 ,可 以 将 上 例 代码 中 的 
样式 进行 如 下 修改 。 


<style> 

#left,#right { 
background-color:#cecece; 
border:1px solid #33ccff: 
height:400px; 


) 
#left{ 
width:180px; 
float:left; 
) 
</style> 
这 样 ， 左 边 的 层 将 呈现 出 180px 的 宽度 ， 而 右边 的 层 则 根据 浏览 器 的 窗口 大 小 来 自动 
适应 。 
还 有 一 种 左右 上 下 分 栏 的 样式 也 是 非常 常见 的 , 创建 Div3.aspx， 其 效果 如 图 6-10 所 示 。 


form#formt A 


Lform#form | 
当前 层 的 ID 是 left 当前 层 的 ID 是 right 


当前 层 的 二 是 bottom 


R Wi ors ai ER 


图 6-10 左右 上 下 分 栏 
制作 这 种 效果 时 需要 在 下 面 的 层 样式 中 添加 clear 属性 ， 代 码 如 下 : 


<head runat="server"> 
<style> 
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#left,#right {background-color:#eeeeee;border:1px solid #33ccff:height:200px: } 
#left{width:180px; float:left; 1 
#bottom{ background-color:#eeeeee; border:1px solid #33ccff: height:50px; clear:both; } 
</style> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div id="left"> 当 前 层 的 攻 是 left</div> 
<div id="right"> 当 前 层 的 了 D 是 right</div> 
<div id= "bottom"> 当 前 层 的 了 D 是 bottom</div> 
</form> 
</body> 


注意 : 
在 下 浏览 器 中 ， 即 使 不 定义 clear 属性 为 both， 依 然 能 够 按照 预期 的 效果 显示 下 面 的 层 
对 象 ， 但 是 在 其 他 浏览 器 中 ， 如 果 不 添加 这 个 属性 ， 就 不 一 定 能 正常 显示 了 。 


4. 利用 DIV 和 CSS 实现 页 面 布局 


通过 前 面 的 介绍 ， 可 以 知道 DIV 只 是 一 个 区 域 标识 ， 划 定 了 一 个 区 域 , 实现 样式 还 是 需 
要 借助 于 CSS， 这 样 的 分 离 ， 使 得 DIV 的 最 终 效果 是 由 CSS 来 编写 的 。CSS 可 以 实现 左右 
分 栏 ， 可 以 实现 上 下 分 栏 ， 而 表格 则 没有 这 么 大 的 灵活 性 。CSS 与 DIV 的 无 关 性 ， 决 定 了 
DIV 在 设计 上 有 极 大 的 伸缩 性 ， 而 不 拘泥 于 单元 格 固定 的 模式 束缚 。 因 此 ， 实 现 网 页 布局 ， 
通常 是 先 在 网 页 中 将 内 容 用 DIV 标记 出 来 ， 然 后 再 用 CSS 来 编写 样式 。 


6 E 题 


网 站 的 美观 主要 涉及 页 面 和 控件 的 样式 属性 ， 在 ASP.NET 应 用 程序 中 ， 可 以 利用 css 
来 控制 页 面 上 各 元 素 的 样式 以 及 部 分 服务 器 控件 的 样式 ， 但 是 ， 有 些 服务 器 控件 的 属性 则 无 
法 通过 CSS 进行 控制 。 为 了 解决 这 个 问题 ， 从 ASPNET 2.0 开始 就 提供 了 一 种 称 为 “主题 ” 
的 新 方式 ， 它 可 以 保持 网 站 外 观 的 一 致 性 和 独立 性 ， 同 时 使 页 面 的 样式 控制 更 加 灵活 方便 ， 
例如 动态 实现 不 同 用 户 界 面 的 切换 等 。ASP.NET 4.5 继承 了 这 一 特性 。 


624 主题 的 概念 


主题 是 页 面 和 控件 外 观 属性 设置 的 集合 。 主题 由 一 个 文件 组 构成 , 包括 皮肤 文件 (扩展 名 
为 .skim)、 级 联 样式 表 文 件 (扩展 名 为 .css)、 图 片 和 其 他 资源 等 的 组 合 ， 一 个 主题 至 少 要 包含 一 
个 皮肤 文件 。 
主题 分 为 两 大 类 型 : 一 类 是 应 用 程序 主题 ， 另 一 类 是 全 局 主题 。 
° 应 用 程序 主题 是 指 保存 在 Web 应 用 程序 的 App Themes 文件 夹 下 的 一 个 或 多 个 主题 
文件 夹 ， 主 题 的 名 称 就 是 文件 夹 的 名 称 。 
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e° 全 局 主题 是 指 保存 在 服务 器 上 ， 根 据 不 同 的 服务 器 配置 决定 的 ， 能 够 对 服务 器 上 所 
有 Web 应 用 程序 起 作用 的 主题 文件 夹 。 

一 般 情况 下 ， 很 少 用 到 全 局 主题 ， 本 书 所 讲 的 主题 均 指 应 用 程序 主题 ， 即 保存 在 应 用 程 
序 的 App_Themes 文件 夹 下 的 主题 文件 夹 ， 简 称 主题 。 

打开 一 个 Web 应 用 程序 ， 在 【解决 方案 资源 管理 器 】 中 ， 右 击 项 目 名 ， 从 弹出 的 快捷 
菜单 中 选择 【添加 】|【 添 加 ASP.NET 文件 夹 】| 【主题 】 命 令 ， 系 统 自动 生成 App Themes 
文件 夹 ， 并 在 该 文件 夹 下 生成 一 个 默认 名 为 “主题 ”的 文件 夹 。 在 App Themes 文件 夹 中 可 
以 创建 多 个 主题 ， 方 法 相同 。 

1. 外 观 文件 

外 观 文件 是 主题 的 核心 文件 ， 又 称 为 皮肤 文件 ， 专 门 用 于 定义 服务 器 控件 的 外 观 。 在 主 
题 中 可 以 包含 一 个 或 多 个 皮肤 文件 ， 后 级 名 为 .skin。 

在 控件 皮肤 设置 中 ， 只 能 包含 主题 的 属性 定义 ， 如 样式 属性 、 模 板 属性 、 数 据 绑 定 表达 
式 等 ， 不 能 包含 控件 的 ID， 如 Label 控件 的 皮肤 设置 代码 如 下 : 


<asp:Label runat="server" BackColor="Blue" Font-Names="Arial Narrow" /> 


这 样 一 旦 将 该 皮肤 应 用 到 Web 页 面 中 , 则 所 有 的 Label 控件 都 将 显示 皮肤 所 设置 的 样式 。 

右 击 某 一 个 “主题 ”文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 【添加 新 项 】 命 令 ， 在 弹出 的 对 
话 框 中 选择 【外 观 文件 】， 并 在 【名 称 】 文 本 框 中 修改 皮肤 文件 名 ， 单 击 【 添 加 】 按 钮 即 可 
添加 一 个 皮肤 文件 ， 如 图 6-11 所 示 。 用 同样 的 方法 可 以 添加 多 个 皮肤 文件 。 


iy dt stodio 2010 Websites dN 


esweoss Me vun D E E. [z Cm 2 
Ama ssie 
J mm: Yiaoal cy 
Yasa ce l sas 
MFE Kt mt ENRI 
"n == 


图 6-11 创建 外 观 文件 


2. 级 联 样式 表 文件 

主题 中 可 以 包含 一 个 或 多 个 CSS 文件 ， 一 旦 CSS 文件 被 放 在 主题 中 ， 则 应 用 时 无 须 再 
在 页 面 中 指定 CSS 文件 链接 ， 而 是 通过 设置 页 面 或 网 站 所 使 用 的 主题 就 可 以 了 ， 当 主题 得 到 
应 用 时 ， 主 题 中 的 css 文件 会 自动 应 用 到 页 面 中 。 
右 击 某 一 个 “主题 ”文件 夹 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 】 命 令 ， 在 弹出 的 对 
话 框 中 选择 【样式 表 文件 】 选 项 ， 并 在 【名 称 】 文 本 框 中 修改 样式 表 文件 名 ， 单 击 【添加 】 
按钮 即 可 添加 一 个 样式 表 文 件 。 用 同样 的 方法 可 以 添加 多 个 样式 表 文 件 。 
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6.2.2 在 主题 中 定义 外 观 


ASP.NET 使 得 将 预定 义 的 主题 应 用 于 页 或 创建 唯一 的 主题 变 得 很 容易 。 下 面 通过 一 个 简 
单 的 例子 来 说 明定 义 外 观 的 方法 。 
【 例 6-5】 创 建 一 个 包含 一 些 简单 外 观 的 主题 ， 这 些 外 观 用 于 定义 控件 的 外 观 。 
(1) 在 VS2012 中 ， 右 击 网 站 名 ， 从 弹出 的 快捷 菜单 中 选择 【添加 ASP.NET 文件 夹 】| 
【主题 】 命 令 。 将 创建 名 为 App Themes 的 文件 夹 和 名 为 “主题 ”的 子 文件 夹 。 将 “主题 ” 文 
件 夹 重 命名 为 Themel1。 此 文件 夹 名 将 成 为 创建 的 主题 的 名 称 。 

(2) 右 击 Themel 文件 夹 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 】 命 令 ， 添 加 一 个 新 的 
外 观 文件 ， 然 后 将 该 文件 命名 为 SkinFile skin。 在 SkinFile.skin 文件 中 ， 按 下 面 代码 所 示 的 方 
法 添加 外 观 定义 。 


<asp:Label runat="server" ForeColor="red" Font-Size="14pt" Font-Names="Verdana" /> 
<asp:button runat="server" Borderstyle="Solid" Borderwidth="2px" Bordercolor="Blue" 
Backcolor="yellow"/> 


外 观 定义 与 创建 控件 的 语法 类 似 ， 所 不 同 之 处 在 于 ， 定 义 只 包括 影响 控件 外 观 的 设置 ， 
不 包括 ID 属性 的 设置 。 

(3) 保存 该 外 观 文件 。 

(4) 新 建 一 个 网 页 文件 ThemeTestaspx， 切 换 到 【设计 】 视 图 中 ， 添 加 一 个 标签 控件 和 
一 个 按钮 控件 ， 有 具体 位 置 无 所 谓 ， 如 图 6-12 所 示 。 

(5) 在 【属性 】 窗 口中 ， 设 置 Theme MIERNEJ Themel, WHI DE] WAF, SR 
现代 码 第 一 行 的 @ Page 指令 中 添加 了 下 面 的 属性 。 


<%@ Page ... Theme="Theme1"%> 


(6) 保存 文件 ， 执 行 该 页 面 ， 查 看 设置 效果 。 
se a 
欢迎 浏览 本 页 面 


me | 


R Git | 口 拆 分 | 回 源 < <asp:Label#Labell> + 


图 6-12 设置 外 观 


在 该 网 页 文件 中 ， 将 该 主题 设置 为 男 一 个 主题 (如 果 存 在 ) 的 名 称 。 再 按 【CtHtF5】 组 合 
键 再 次 运行 该 页 。 控 件 将 再 次 更 改 外 观 。 

在 皮肤 文件 中 ， 系 统 没有 提供 控件 属性 设置 的 智能 提示 功能 ， 所 以 ， 一 般 不 在 皮肤 文件 
中 直接 编写 定义 控件 外 观 的 代码 ， 而 是 先 在 页 面 中 设置 控件 的 属性 ， 然 后 将 自动 生成 的 代码 
复制 到 外 观 文件 中 进行 修改 。 因 此 ， 上 面 的 例子 也 可 以 这 样 来 实现 。 

(1) 创建 一 个 Web 页 面 ， 添 加 相应 的 控件 并 设置 其 外 观 。 
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(2) 新 建 一 个 主题 ， 将 相应 控件 的 源 代 码 复 制 到 该 主题 的 皮肤 文件 中 ， 去 掉 所 有 控件 的 
ID 属性 。 

(3) 在 其 他 页 面 的 【属性 】 窗 口中 ， 设 置 Theme 属性 的 值 为 相应 的 主题 即 可 。 

如 果 希 望 某 些 控件 的 外 观 和 页 面 中 具有 相同 类 型 的 其 他 控件 的 外 观 不 一 样 ， 则 可 以 通过 
在 .skin 文件 中 给 特定 的 控件 添加 一 个 SkinID 属性 ， 例 如 ， 在 上 面 的 例子 中 增加 一 个 按钮 ， 
其 外 观 定义 成 如 下 样式 。 


<asp:Button runat="server" SkinID="GreenButton" Borderstyle="dotted" Borderwidth="2px" 
Bordercolor="red" Backcolor="Green"/> 


修改 按钮 控件 的 SkinID 属性 的 值 为 GreenButton。 这 样 ， 新 增加 的 按钮 就 和 原来 的 按钮 
显示 了 不 同 的 外 观 。 


6.2.3 在 主题 中 同时 定义 外 观 和 样式 表 


前 面 的 例子 只 定义 了 一 个 皮肤 文件 ， 实 际 上 ， 在 主题 中 还 可 以 定义 .css 文件 。 要 想 让 自 
定义 的 .css 文件 起 作用 ， 只 需 在 网 页 文件 中 设置 StyleSheetTheme 属性 为 定义 的 主题 即 可 。 

【 例 6-6】 演 示 如 何在 网 页 文件 中 同时 使 用 皮肤 文件 和 样式 表 文 件 。 

() 右 击 网 站 名 ， 从 弹出 的 快捷 菜单 中 选择 【添加 ASPNET 文件 夹 】| 【主题 】 命 令 。 将 
创建 名 为 App Themes 的 文件 夹 和 名 为 “主题 ”的 子 文件 夹 。 将 “主题 ”文件 夹 重 命名 为 
Theme2。 此 文件 夹 名 将 成 为 创建 的 主题 的 名 称 。 

(2) 右 击 Theme2 文件 夹 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 】 命 令 ， 添 加 一 个 新 的 
外 观 文 件 ， 然 后 将 该 文件 命名 为 SkinFile.skin。 在 SkinFile.skin 文件 中 ， 将 网 页 文件 中 要 用 到 
的 所 有 控件 的 外 观 定义 添加 进来 ， 注 意 不 能 含有 任何 控件 的 JP， 外观 代 码 如 下 ; 


<asp:Label runat="server" BackColor="#FFFFCC" BorderColor="#6600FF" 
BorderStyle="Solid" BorderWidth="4px" Font-Bold="True" Font-Names=" 华 文 彩云 " 
Font-Size="XX-Large" ForeColor="#CC0099" style="text-align: center" Width="206px"> 

</asp:Label> 

<asp:Button runat="server" BackColor="#3333CC" BorderColor="#000099" 

Font-Bold="True" Font-Size="Medium" ForeColor="White"/> 

<asp:TextBox runat="server" BackColor="#99FFCC" Columns="10"></asp:TextBox> 


(3) 在 主题 Theme2 的 文件 夹 中 ， 再 添加 一 个 名 为 Stylesheet css 的 样式 文件 ， 文 件 代码 
如 下 : 


.stylel /* 用 于 修饰 表格 */ 
width: 200px; 
border-collapse: collapse; 
border: 1px solid #800080; 

J 

-style2 /* 用 于 修饰 单元 格 */ 

$ 
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font-family: 幼 圆 ; 

font-size: large; 

font-weight: bold: 
) 


(4) 新 建 一 个 Web 页 面 ThemesTest2.aspx， 切 换 到 【设计 】 视 图 下 ， 添 加 表格 和 相应 的 
控件 ， 其 最 终 效果 如 图 6-13 所 示 。 代 码 如 下 : 


<form id="form1" runat="server"> 
<div> 
<asp:Label ID="Label1" runat="server" Text="Label"> 请 登录 </asp:Label> 
<br /> 
用 户 名 : <asp:TextBox ID="TextBox1" runat="server" Width="130px"></asp:TextBox> 
<br /> 
密 &nbsp; 码 : <asp:TextBox ID="TextBox2" runat="server" Width="128px"></asp:TextBox> 
<br /> 
<asp:Button ID="Button1" runat="server" Text="Button" /> 
</div> 


</form> 


修改 当前 页 面 中 的 属性 StyleSheetTheme 的 值 为 Theme2, 可 以 看 到 引入 皮肤 和 样式 表 文 
件 后 的 最 终 显示 效果 ， 如 图 6-14 所 示 。 


ThemesTest2. aspx X 


E p: 
Button 


Bkit ofh | 回 源 < <asp:TextBox P 设计 | 口 拆 分 | 回 源 < <asp:TextBox > 


图 6-13 没有 引入 皮肤 和 样式 前 的 效果 图 6-14 引入 皮肤 和 样式 后 的 效果 
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创建 了 主题 之 后 ， 就 可 以 定制 如 何在 应 用 程序 中 使 用 主题 。 方 法 是 : 将 主题 作为 自 定义 
主题 与 网 页 文件 关联 ;或 者 将 主题 作为 样式 表 主 题 与 网 页 文件 关联 。 样 式 表 主题 和 自 定义 主 
题 都 使 用 相同 的 主题 文件 ， 但 是 ， 样 式 表 主 题 在 网 页 文件 的 控件 和 属性 中 的 优先 级 最 低 。 在 
ASPNET 中 ， 优 先 级 的 顺序 如 下 所 示 。 

(1) 主题 设置 ， 包 括 Web.config 文件 中 设置 的 主题 。 

(2) 本 地 网 页 文件 的 样式 属性 设置 。 

(3) 样式 表 主 题 设 置 。 

在 这 里 ， 如 果 选 择 使 用 样式 表 主 题 ， 则 在 网 页 文件 中 本 地 声明 的 任何 样式 信息 都 将 覆盖 
样式 表 主 题 的 属性 。 同 样 ， 如 果 使 用 自 定义 主题 ， 则 主题 的 属性 将 覆盖 本 地 网 页 文件 中 设置 
的 任何 样式 内 容 ， 以 及 使 用 中 的 样式 表 主 题 中 的 任何 内 容 。 


第 6 章 ， 样式、 主题 和 母 版 页 .171 ° 


为 了 允许 用 户 修改 主题 , 可 以 向 其 提供 一 个 下 拉 菜 单 , 当 用 户 修改 列表 中 的 活动 选项 时 ， 
该 菜单 自动 向 服务 器 发 起 回 发 请 求 。 在 服务 器 上 ， 就 会 得 到 从 列表 中 选择 的 主题 ， 将 它 应 用 
到 页 面 上 ， 然 后 将 选项 存储 在 Cookie 中 ， 以 便 在 下 次 访问 Web 站 点 时 检索 它 。 

【 例 6-7】 让 用 户 选择 自己 喜欢 的 主题 ， 实 现 动态 换 肤 功能 。 

(1) 在 【解决 方案 资源 管理 器 】 中 , 右 击 项 目 名 ， 从 弹出 的 快捷 菜单 中 选择 【添加 】|【 添 
加 ASP.NET 文件 夹 ] 【主题 ] 命令， 系统 将 创建 名 为 App_Themes 的 文件 夹 和 名 为 “主题 1” 
的 子 文件 夹 。 

(2) 在 “Themes3” 文 件 夹 中 ， 添 加 一 个 新 的 外 观 文件 SkinFile.skin。 

(3) 用 相同 的 操作 创建 “Themes4”， 其 中 也 包括 一 个 外 观 文件 SkinFile.skin。 

(4) “Themes3” 在 这 里 定义 为 “专业 型 ”， 在 相对 应 的 外 观 文件 中 添加 如 下 代码 。 


<asp:Label runat="server" BackColor="#CCCCFF" Font-Bold="True" Font-Size="Large" 
ForeColor="#CC00FF" BorderStyle="Dashed" /> 
<asp:DropDownList runat="server" BackColor="White" Font-Bold="True" 
ForeColor="#CC33FF" Font-Size="Large"/> 
<asp:Calendar runat="server" BackColor="White" BorderColor="White" BorderWidth="1px" 

Font-Names="Verdana" Font-Size="9pt" ForeColor="Black" Height="190px" NextPrevFormat="FullMonth" 
Width="350px"> 

<DayHeaderStyle Font-Bold="True" Font-Size="8pt" /> 

<NextPrevStyle Font-Bold="True" Font-Size="8pt" ForeColor="#333333" 
VerticalAlign="Bottom" /> 

<OtherMonthDayStyle ForeColor="#999999" /> 

<SelectedDayStyle BackColor="#333399" ForeColor="White" /> 

<TitleStyle BackColor="White" BorderColor="Black" BorderWidth="4px" 
Font-Bold="True" Font-Size="12pt" ForeColor="#333399" /> 

<TodayDayStyle BackColor="#CCCCCC" /> 

</asp:Calendar> 


(5) “Themes4” 定 义 为 “色彩 型 ”， 以 彩色 为 主 ， 在 “Themes4” 的 外 观 文件 中 添加 
如 下 代码 。 


<asp:Label runat="server" BackColor="White" Font-Bold="True" Font-Size="Large" ForeColor="Red" 
BorderStyle="Groove" /> 
<asp:DropDownList runat="server" BackColor="White" Font-Bold="True" 
ForeColor="Red" Font-Size="Large"/> 
<asp:Calendar runat="server" BackColor="White" BorderColor="#3366CC" BorderWidth=" 1px" 
CellPadding="1" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="#003399" 
Height="200px" Width="220px"> 
<DayHeaderStyle BackColor="#99CCCC" ForeColor="#336666" Height="1px" /> 
<NextPrevStyle Font-Size="8pt" ForeColor="#CCCCFF" /> 
<OtherMonthDayStyle ForeColor="#999999" /> 
<SelectedDayStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" /> 
<SelectorStyle BackColor="#99CCCC" ForeColor="#336666" /> 
<TitleStyle BackColor="#003399" BorderColor="#3366CC" BorderWidth="1px" 
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Font-Bold="True" Font-Size="10pt" ForeColor="#CCCCFF" Height="25px" /> 
<TodayDayStyle BackColor="#99CCCC" ForeColor="White" /> 
<WeekendDayStyle BackColor="#CCCCFF" /> 

</asp:Calendar> 


(6) 创建 一 个 Default2 .aspx 页 面 ， 切 换 到 设计 视图 ， 添 加 一 个 Label 控件 、 一 个 
DropDownList 控件 和 一 个 Calendar 控件 ， 只 需 设 置 Label 控件 的 Text 属性 ，DropDownList 
控件 的 Item, AutoPostBack 属性 即 可 ， 生 成 的 代码 如 下 : 


<asp:Label ID="Labell" runat="server" Text=" 请 选择 主题 : "></asp:Label> 
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" 
OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"> 

<asp:ListItem Value="Themes3"> 专 业 型 </asp:ListItem> 

<asp:ListItem Value="Themes4"> 色 彩 型 </asp:ListItem> 
</asp:DropDownList> 

<br /> 

<asp:Calendar ID="Calendarl" runat="server"></asp:Calendar> 


(7) 为 DropDownList 控件 添加 SelectedIndexChanged 事件 处 理 程序 ， 代 码 如 下 : 


protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) 

{ 
HttpCookie myTheme = new HttpCookie("myTheme"); 
myTheme.Expires = DateTime.Now.AddMonths(3); 
myTheme. Value = DropDownList1.SelectedValue; 
Response.Cookies.Add(myTheme); 
Response.Redirect(Request.Url.ToString()); 

} 


(8) 当 页 面 加 载 时 将 需要 再 次 从 列表 中 预先 选择 恰当 的 项 ， 以 显示 正确 的 主题 。 进 行 此 
操作 的 最 佳 位 置 是 在 Page 类 的 Load 事件 中 。 添 加 处 理 程序 的 代码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
{ 
if (!Page.IsPostBack) 
ú 
string selectedTheme = Page.Theme; 
HttpCookie myTheme = Request.Cookies.Get("myTheme"); 
if (myTheme (= null) 
{ 
selectedTheme = myTheme.Value; 
} 
if (!string.IsNullOrEmpty(selectedTheme) && 
DropDownListl.Items.FindByValue(selectedTheme) != null) 


DropDownListl.Items.FindByValue(selectedTheme).Selected = true; 
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} 


O) 正如 前 面 所 提 到 的 ， 主 题 需要 在 Prelnit 事件 (该 事件 在 页 面 生命 周期 的 早期 发 生 ) 中 
设置 。 在 该 事件 内 可 以 查看 带 选 中 主题 的 cookie 是 否 存在 。 如 果 存 在 ， 就 可 以 用 它 的 值 设置 
恰当 的 主题 ， 代 码 如 下 : 


protected void Page Prelnit(object sender, EventArgs e) 

$ 
HttpCookie preferredTheme = Request.Cookies.Get("myTheme"); 
if (preferredTheme != null) 
$ 

Page.Theme = preferredTheme. Value; 

) 

} 


(10) 编译 并 运行 程序 ,在 浏览 器 中 打开 Default2.aspx 页 面 ， 通 过 下 拉 列 表 选 择 不 同 的 主 
题 ， 效 果 如 图 6-15 和 6-16 所 示 。 


KESE SEREI 
-a 2014 年 2 月 
周 日 S 三 Em 


Q 地 地 Intanet | 保 六 模式 mm 


图 6-15 动态 切换 到 专业 版 效果 图 


图 6-16 动态 切换 到 色彩 版 效果 
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在 Web 站 点 开发 中 ， 有 很 多 元 素 会 出 现在 每 一 个 页 面 中 ， 如 站 点 标题 、 公 共 导 航 以 及 
版 权 信息 等 ， 这 些 元 素 的 一 致 布局 会 让 用 户 知道 自己 始终 是 在 同一 个 站 点 中 。 虽 然 这 些 元 素 
在 XHTML 中 可 以 通过 使 用 包含 文件 构建 ， 在 ASP.NET 中 ， 可 以 使 用 CSS 和 主题 减少 多 页 


面 的 布局 ， 但 是 ，CSS 和 主题 在 很 多 情况 下 还 无 法 胜任 多 页 面 的 开发 ， 这 时 就 需要 使 用 母 
版 页 。 
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母 版 页 是 用 于 设置 页 面 外 观 的 模板 ， 是 一 种 特殊 的 ASPNET 网 页 文件 ， 同 样 也 具有 其 
他 ASPNET 文 件 的 功能 , 如 添加 控件 、 设 置 样式 等 ,只 不 过 其 扩展 名 是 .master。 在 母 版 页 中 ， 
界面 被 分 为 公用 区 和 可 编辑 区 ， 公 用 区 的 设计 方法 与 一 般 页 面 的 设计 方法 相同 ， 可 编辑 区 用 
ContentPlaceHolder 控件 预 留 出 来 。 

引用 母 版 页 的 .aspx 页 面 称 为 内 容 页 ， 在 内 容 页 中 ， 母 版 页 的 ContentPlaceHolder 控件 预 
留 的 可 编辑 区 会 被 自动 替换 为 Content 控件 , 开发 人 员 只 需 在 Content 控件 区 域 中 填充 内 容 即 
可 , 在 母 版 页 中 定义 的 其 他 标记 将 自动 出 现在 引用 该 母 版 页 的 .aspx 页 面 中 ， 母 版 页 的 部 分 以 
灰色 显示 ， 表 示 不 能 修改 这 些 内 容 。 

每 个 母 版 页 中 可 以 包含 一 个 或 多 个 内 容 页 。 使 用 母 版 页 可 以 统一 管理 和 定义 具有 相同 布 
局 风格 的 页 面 ， 给 网 页 设计 和 修改 带 来 极 大 的 方便 。 母 版 页 具有 如 下 优点 。 

e 使 用 母 版 页 可 以 集中 处 理 页 的 通用 功能 ， 以 便 可 以 只 在 一 个 位 置 进行 更 新 。 

o 使 用 母 版 页 可 以 方便 地 创建 一 组 控件 和 代码 ， 并 将 效果 应 用 到 一 组 新 的 页 面 。 

e 通过 允许 控制 占 位 符 控件 的 呈现 方式 ， 母 版 页 可 以 在 细节 上 控制 最 终 页 的 布局 。 

e 母 版 页 提供 了 一 个 对 象 模型 ， 使 用 该 对 象 模型 可 以 从 各 个 内 容 页 自 定义 母 版 页 。 

在 使 用 母 版 页 时 ， 需 要 注意 的 是 ， 母 版 页 中 使 用 的 图 片 和 超 链接 应 尽量 使 用 服务 器 端 控 
件 来 实现 ， 如 Image 和 HyperLink 控件 。 即 使 控件 不 需要 服务 器 代码 也 是 如 此 ， 这 是 因为 将 
设计 好 的 母 版 页 或 内 容 页 移动 到 另 一 个 文件 夹 时 ， 如 果 使 用 的 是 服务 器 控件 ， 即 使 不 改变 服 
务 器 控件 的 URL, ASP.NET 也 可 以 正确 解析 ， 并 能 自动 将 其 URL 改 为 正确 的 位 置 ， 如 果 使 
用 普通 的 HTML 标记 ， 那 么 ASPNET 将 无 法 正确 解析 这 些 标记 的 URL， 从 而 导致 图 片 不 能 
显示 和 链接 失败 ， 给 维护 带 来 麻烦 。 
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创建 母 版 页 的 方法 和 创建 一 般 页 面 的 方法 非常 相似 ， 区 别 在 于 母 版 页 无 法 单独 在 浏览 器 
中 查看 ， 而 必须 通过 创建 内 容 页 才能 浏览 。 下 面 的 例子 是 一 个 很 常见 的 布局 ， 母 版 页 中 包含 
一 个 标题 、 一 个 导航 菜单 和 一 个 页 脚 ， 这 些 内 容 将 在 站 点 的 每 个 页 面 中 出 现 。 在 母 版 页 中 包 
含 一 个 内 容 占 位 符 , 这 是 母 版 页 中 的 一 个 可 变 区 域 , 可 以 使 用 内 容 页 中 的 信息 来 替换 该 区 域 。 

【 例 6-8】 设 计 如 图 6-17 所 示 的 名 为 MasterPage.master 的 母 版 页 ， 然 后 设计 两 个 引用 母 
版 页 的 内 容 页 index.aspx 和 about2.aspx。 


a A Ee 


图 6-17 母 版 页 布局 


(1) 在 【解决 方案 资源 管理 器 】 窗 口中 右 击 网 站 的 名 称 ， 从 弹出 的 快捷 菜单 中 选择 【 添 
加 新 项 】 命 令 ， 从 弹出 的 对 话 框 中 选择 【 母 版 页 】 选项。 如 图 6-18 所 示 ， 单 击 【 添 加 】 按钮 
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即 会 在 【 源 】 视 图 中 打开 新 建 的 母 版 页 。 


I ey dt i SO RE 


图 6-18 创建 母 版 页 


观察 母 版 页 的 源 代码 ， 在 页 面 的 项 部 是 一 个 @ Master 声明 ， 而 不 是 通常 在 ASP.NET 页 
顶部 看 到 的 @ Page 声明 ， 指 令 如 下 : 


<%(@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" 
Inherits="MasterPage" %> 


此 外 ， 页 面 的 主体 还 包含 一 个 ContentPlaceHolder 控件 ， 这 是 母 版 页 中 的 一 个 区 域 ， 其 
中 的 可 蔡 换 内 容 将 在 运行 时 由 内 容 页 合并 。 为 了 方便 母 版 页 的 编辑 ， 通 常 先 将 
ContentPlaceHolder 控件 删除 ， 母 版 页 编辑 完成 后 再 放置 ContentPlaceHolder 控件 。 

(2) 切换 到 【设计 】 视 图 ， 删 除 ContentPlaceHolder 控件 ， 然 后 单 击 页 面 中 的 层 ， 插 入 一 
个 4 行 1 列 的 表格 ， 边 框 设置 为 1， 表格 的 width 属性 设置 为 380 像素 。 

(3) 布局 完 表 格 之 后 ， 可 以 将 内 容 添加 到 母 版 页 ， 此 内 容 将 在 所 有 页 面 中 显示 。 例 如 ， 
可 以 在 表格 的 第 一 行 添加 “标题 栏 ”， 第 二 行 添加 一 个 Men 控件 ， 第 三 行 添 加 一 个 
ContentPlaceHolder 控件 ， 控 件 的 ID 属性 为 ContentPlaceHolderl， 也 可 以 修改 这 个 名 字 ， 第 
四 行 添加 “版 权 信 息 ”。 其 中 Menu 控件 的 设置 内 容 如 下 。 

e 将 Menu 控件 的 Orientation 属性 设置 为 Horizontal, 

o 单 击 Menu 控件 上 的 智能 标记 ， 选 择 【编辑 菜单 项 】 命 令 ， 然 后 在 【菜单 项 编辑 器 】 

对 话 框 中 单 击 【 添 加 根 项 】 命 令 图 标 两 次 ， 添 加 两 个 菜单 项 。 

e 单 击 第 一 个 节点 ， 将 Text 设置 为 “主页 ”， 将 NavigateUrl 设置 为 “index.aspx”。 

e 单 击 第 二 个 节点 ， 将 Text 设置 为 “关于 ”， 将 NavigateUrl 设置 为 “about2.aspx”。 

接 下 来 要 为 母 版 页 添加 两 个 带 有 内 容 的 页 面 。 第 一 个 是 主页 ， 第 二 个 是 “关于 ”页 面 。 

(4) 在 【解决 方案 资源 管理 器 】 窗 口中 右 击 网 站 的 名 称 ， 从 弹出 的 快捷 菜单 中 选择 【 添 
加 新 项 】 命令 。 在 弹出 的 对 话 框 中 选择 【Web 窗 体 】 选 项 , 在 【名 称 】 框 中 输入 Index.aspx， 
选中 【选择 母 版 页 】 复 选 框 。 单 击 【 添 加 】 按 钮 ， 出 现 【 选 择 母 版 页 】 对 话 框 ， 选 择 
JMasterPage.master， 然 后 单 击 【确定 】 按 钮 。 即 会 创建 一 个 新 的 .aspx 文件 。 该 页 面包 含 一 
个 @ Page 指令 , 此 指令 将 当前 页 附加 到 带 有 MasterPage 属性 的 选 定 母 版 页 ， 如 下 面 的 代码 
所 示 : 


<%@ Page Language="C#" MasterPageFile="—/MasterPage. master" ... %> 
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(5) 切换 到 设计 视图 。. 母 版 页 中 的 ContentPlaceHolder 控 件 在 新 的 内 容 页 中 显示 为 Content 
控件 。 而 其 他 母 版 页 内 容 显示 为 浅 灰 色 ， 表 示 在 编辑 内 容 页 时 不 能 更 改 这 些 内 容 。 在 与 母 版 
页 上 的 ContentPlaceHolderl 匹配 的 Content 控件 中 , 输入 主页 要 显示 的 内 容 ， 然 后 选择 文本 ， 
通过 从 【工具 箱 】 上 的 【 块 格式 】 组 中 选择 【标题 2】， 保 存 页 面 。 

(6) 用 同样 的 方法 创建 “关于 ”内 容 页 ， 名 字 为 About.aspx。 

(7) 设置 mdex.aspx 为 起 始 页 。ASPNET 将 Index.aspx 页 的 内 容 与 MasterPage.master 页 
的 布局 合并 到 单个 页 面 ， 并 在 浏览 器 中 显示 产生 的 页 面 。 需 要 注意 的 是 ， 此 页 的 URL 为 
Index.aspx, 浏览 器 中 是 不 存在 对 母 版 页 的 引用 的 。 单 击 “ 关 于 我 们 ”链接 ， 显示 about2.aspx， 
它 也 是 和 MasterPage.master 页 合并 的 结 


a= re 


|| | |- http//localhost:54739/index.aspx 


标题 栏 


主页 关于 我 们 


这 是 indcm 革 页 内 这 是 abom 
e 


B! 
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QÈ 本 地 Intranet | 保护 模式 : 禁用 


te Intranet | HAND: BE 


图 6-19 主页 效果 图 6-20 “关于 我 们 ”页 效果 


母 版 页 也 可 以 嵌 套 。 垦 套 母 版 页 是 基于 另 一 个 母 版 页 的 母 版 页 。 内 容 页 面 则 可 以 基于 藤 
套 母 版 页 。 如果 有 一 个 目标 为 不 同 区 域 仍然 需要 共享 相同 外 观 的 Web 站 点 , KARERA 
MERAH. 例如, 假设 有 一 个 公司 网 站 , 分 为 各 个 部 门 。 外 部 母 版 页 定义 站 点 的 全 局 外 观 ， 
包括 公司 logo 和 其 他 品牌 元 素 。 然 后 不 同 的 部 门 可 以 有 不 同 的 嵌 套 母 版 页 。 例 如 ， 销 售 部 的 
部 分 可 以 基于 不 同 于 市 场 部 的 嵌 套 母 版 页 ， 这 样 各 部 门 就 能 向 它们 在 站 点 的 部 分 中 加 上 自己 
的 身份 标识 。 

嵌 套 母 版 页 的 创建 很 简单 。 当 添加 母 版 页 时 选中 Select Master Page 复 选 枉 ， 就 像 向 站 点 
中 添加 正常 内 容 页 时 一 样 。 然 后 ， 在 内 容 页 中 要 重 写 的 位 置 将 <asp:ContentPlaceHolder> 控 件 
添加 到 <asp:Content> 控 件 中 。 

当 使 用 嵌 套 母 版 页 时 ， 一 定 要 非常 小 心 一 一 尽管 使 用 嵌 套 母 版 页 听 起 来 像 提供 网 站 模块 
化 设计 的 一 个 灵巧 方法 ， 但 是 这 造成 的 限制 可 能 比 您 想象 的 要 多 。 例 如 ， 如 果 将 来 网 站 的 两 
个 不 同 部 分 需要 使 用 相似 但 略 有 不 同 的 页 头 标题 ， 则 就 必须 重新 组 织 母 版 页 的 继承 关系 。 另 
一 个 问题 就 是 Visual Studio 并 不 支持 嵌 套 母 版 页 的 可 视 化 设计 ， 因 此 我 们 不 能 以 图 形 界 面 方 
式 来 创建 嵌 套 母 版 页 ， 而 必须 以 手工 编码 方式 来 创建 戏 套 的 母 版 页 。 出 于 这 些 原因 ， 通 常 最 
好 只 使 用 一 层 母 版 页 ， 因 此 可 以 创建 几 个 母 版 页 文件 ， 并 对 少量 常用 的 元 素 进行 复制 处 理 。 
在 绝 大 多 数 情况 下 ， 并 不 需要 创建 大 量 的 母 版 页 ， 因 此 母 版 页 的 数量 不 会 很 多 。 
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64 本 章 小 结 


ASP.NET 提供 了 皮肤 、 主 题 和 母 版 页 等 功能 ， 增 强 了 网 页 布局 和 界面 的 优化 ,通过 这 些 
功能 可 以 轻松 地 实现 对 网 站 开发 中 界面 的 控制 。 本 章 介绍 了 CSS 和 母 版 页 对 ASP.NET 应 用 
程序 进行 样式 控制 的 方法 和 技巧 。 包 括 理解 CSS 的 概念 ， 掌 握 CSS 的 用 法 ;布局 的 概念 ， 
掌握 CSS 和 Div 布局 的 方法 ; 主题 的 概念 , 掌握 主题 的 创建 和 引用 ; 母 版 页 和 内 容 页 的 概念 ， 
掌握 创建 母 版 页 和 内 容 页 的 方法 。 使 用 这 些 功能 能 够 美化 界面 ， 使 客户 使 用 得 更 加 方便 。 


65 练 J 


1. 新 建 一 个 名 为 CRM 的 网 站 。 

2. 在 【解决 方案 资源 管理 器 】 中 右 击 网 站 名 称 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 】 
命令 ， 在 弹出 的 对 话 框 中 选择 【 母 版 页 】 选 项 。 在 【名 称 】 文 本 框 中 输入 Master1， 单 击 【 添 
加 】 按 钮 ， 即 可 在 【 源 】 视 图 中 打开 新 的 母 版 页 。 

3. 切换 到 【设计 】 视 图 ， 删 除 ContentPlaceHolder 控件 ， 然 后 插入 4 个 层 ， 代 码 如 下 : 


<div id="top"></div> 
<div id="left"> 
<asp:HyperLink ID="hpl_CNotify" runat="server" NavigateUrl="~/Module/CNotify.aspx" 
Target=" self'> 公 告 信息 </asp:HyperLink> 
<asp:HyperLink ID="hpl_CSearch" runat="server" NavigateUrl="~/Module/CSearch.aspx" 
Target=" self'> 资 料 查询 </asp:HyperLink> 
<asp:HyperLink ID="hpl CAdd" runat="server" NavigateUrl="~/Module/CAdd.aspx" Target=" self'> 资 
料 添 加 </asp:HyperLink> 
<asp:HyperLink ID="hpl_CManage" runat="server" NavigateUrl="~/Module/CManage.aspx" 
Target="_self> 资 料 管理 </asp:HyperLink> 
<asp:HyperLink ID="hpl Exit" runat="server" NavigateUrl="~/Module/Exit.aspx"> 退 出 系统 
</asp:HyperLink> 
</div> 
<div id="right"> 
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 
</asp:ContentPlaceHolder> 
</div> 
<div id=-"bottom"> 版 权 所 有 ， 违 者 必 究 &nbsp: </div> 


4. 分 别 设置 每 个 层 的 Css 样式 ， 代 码 如 下 : 


#left.#rightí(border:0px solid;float:left} 
#left{width:160px;height:450px} 

#top í border:0px solid; height:120px;clear:both;} 
#bottom{ border:0px solid; height:50px; clear:both; } 


5. 最 后 ， 还 可 以 根据 情况 进一步 的 详细 设置 。 
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jQuery 是 继 Prototype 之 后 出 现 的 又 一 个 优秀 的 JavaScript 框架 .jQuery 能 够 改变 开发 人 
员 编 写 JavaScript 脚本 的 方式 , 降低 学 习 和 使 用 Web 前 端 开发 的 复杂 度 , 提高 网 页 开发 效率 。 
无 论 是 对 于 JavaScript 初学 者 ， 还 是 对 于 Web 开发 资深 专家 ，jQuery 都 是 必 备 的 工具 。 本 章 
主要 介绍 jQuery 的 基本 语法 和 有 具体 应 用 。 

本 章 的 学 习 目 标 : 

e 理解 什么 是 jQuery; 

o 掌握 jQuery 的 基本 语法 ; 

o 了 解 如 何 用 jQuery 实现 动画 效果 。 


71 jQuery 简介 


jQuery 最 早 由 John Resig 在 2006 年 1 月 开发 和 发 布 , 现在 已 经 成 长 为 一 个 备 受 欢迎 的 客 
户 端 框架 。 Microsoft 也 注意 到 jQuery 功能 强大 , 并 决定 在 自己 的 产品 中 附送 这 个 框架 。 最 初 ， 
jQuery 随 Microsoft ASP.NET MVC 框架 一 起 提供 ， 现 在 也 包含 在 Visual Studio 2012 中 。 


7.1.1 什么 是 jQuery 


jQuery 是 继 prototype 之 后 又 一 个 优秀 的 Javascript 框架 。 它 是 轻 量 级 的 js 库 ， 它 兼容 
CSS3， 还 兼容 各 种 浏览 器 GE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+), jQuery2.0 及 后 续 版 本 
将 不 再 支持 正 6/7/8 浏览 器 。jQuery 使 用 户 能 更 方便 地 处 理 HTML( 标 准 通用 标记 语言 下 的 一 
个 应 用 )、events、 实 现 动画 效果 ， 并 且 方 便 地 为 网 站 提供 AJAX 交互 。jQuery 还 有 一 个 比较 
大 的 优势 是 ， 它 的 文档 说 明 很 全 ， 而 且 各 种 应 用 也 说 得 很 详细 ， 同 时 还 有 许多 成 熟 的 插件 可 
HEFE. jQuery 能 够 使 用 户 的 html 页 面 保持 代码 和 html 内 容 分 离 , 也 就 是 说 , 不 用 再 在 html 
里 面 插入 一 堆 js 来 调用 命令 了 ， 只 需 定 义 这 即 可 。 


7.1.2 包含 jQuery 库 
Visual Studio Express 2012 for Web 版 已 经 整合 了 jQuery 的 1.7.1 版 本 ， 并 且 提供 了 对 
jQuery 的 智能 感知 的 支持 。 在 使 用 Visual Studio Express 2012 for Web 创建 一 个 Web 应 用 程 


序 项 目 后 ， 可 以 在 Script 文件 夹 中 看 到 用 于 jQuery 的 3 个 JS 脚本 文件 ， 可 以 参看 第 1 章 中 
的 图 1-35 所 示 。 要 使 用 jQuery， 只 需要 在 页 面 中 添加 对 min 压缩 版 类 库 的 引用 ， 代 码 如 下 : 


<script lang="Javascript" src= "Scripts/jQuery-1.7.1.min.js"></script> 
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添加 代码 后 ， 在 HTML 中 即 可 使 用 jQuery 类 库 。 
7.1.3 第 一 个 jQuery 程序 


为 了 更 好 地 了 解 jQuery， 下 面 先 来 看 一 个 简单 的 例子 。 在 本 例 中 ， 将 在 当前 页 面 中 添加 
jQuery 库 。 通 过 单 击 文字 ， 让 文字 隐藏 。 

[J 7-1】 使 用 jQuery 示例 。 

(1) 启动 Visual Studio Express 2012 for Web, X% LOAF] | 【新建 网 站 】 命 令 ， 新 建 
网 站 WebSite7。 

(2) 通过 Visual Studio Express 2012 for Web 创建 的 网 站 ， 默 认 有 一 个 Scripts 目录 ， 其 中 
包含 了 jQuery 所 需 的 库 文 件 。 创 建 Htm 文件 FirstiQuery.html， 在 <head> 标 记 中 添加 如 下 代 
码 即 可 引入 jQuery 库 。 


<script lang="javascript" sre="Scripts/jQuery-1.7.1.min.js"></script> 
(3) 在 body 中 添加 代码 : 


<hl> 第 一 个 jQuery 程序 </h1> 
<p>If you click on me, I will disappear.</p> 


(4) 添加 jQuery 效果 代码 : 


<script type="text/javascript"> 
$(document).ready(function () í 
$("p").click(function () í 
$(this).hide(); 
H: 
)); 
</script> 
和 其 他 许多 编程 语言 一 样 ， jQuery 对 缺少 引号 、 大 括号 和 小 括号 十 分 敏感 ， 所 以 
一 定 要 完全 按照 上 面 的 代码 进行 输入 。 
(5) 编译 并 运行 程序 ， 在 默认 浏览 器 中 打开 FirstiQuery.html 页 面 ， 如 图 7-1 和 7-2 
所 示 ， 当 点 击 文字 “Ifyou click on me, I will disappear.”， 文 字 将 消失 。 


x 
Me hp//ocalhost59044/Fir O ~ © 1 de] 
E> 


文件 (有 SSE SEV 收藏 夫 (A) IAM) 帮助 (H) 


x 
K Oj http://ocalhost59944/Fin O ~ © | 
| #—JQueryf8; x 


XHA ”编辑 (E) EEV 收藏 夫 (A) IAM) 帮助 (H) 


第 一 个 JQuery 程 序 


If you click on me, I will disappear. 


图 7-2 单 击 后 的 结果 
本 例 读者 只 需 了 解 jQuery 的 实际 应 用 即 可 ， 接 下 来 将 详细 介绍 jQuery 的 语法 。 
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7.2 jQuery 的 语法 


jQuery 语法 是 为 HTML 元 素 的 选取 编制 的 ， 可 以 对 元 素 执行 某 些 操作 。 基 础 语法 是 : 
$(selector).action() 


o 美元 符号 “$” 定 义 jQuery: 

o 选择 符 (selector)“ 查 询 ” 和 “查找 ” HTML 元 素 ; 

© jQuery 的 action) 执行 对 元 素 的 操作 。 

根据 jQuery 的 基本 语法 可 以 知道 ， 要 想 使 用 jQuery， 首 先 需 要 掌握 三 方面 的 基础 
知识 。 第 一 ， 需 要 更 深入 地 理解 jQuery 的 核心 功能 ， 包 括 前 面 看 到 的 $ 函 数 ， 以 及 $ 函 
数 的 ready 方法 。 第 二 ， 需 要 学 习 jQuery 的 选择 符 (selector) 和 过 滤器 (filter) 语 法 ， 这 样 
就 可 以 通过 指定 的 条 件 在 页 面 中 查找 元 素 。 当 获得 一 个 指向 页 面 中 一 个 或 多 个 元 素 的 引 
用 后 ,就 可 以 对 它们 应 用 多 种 方法 , 比如 css 方法 。 第 三 , 需要 知道 关于 jQuery 事件 (event) 
的 一 些 知识 ， 因 为 它们 允许 向 HTML 元 素 可 能 触发 的 事件 附加 行为 。 在 接 下 来 的 几 节 
中 将 会 对 以 上 三 个 方面 进行 讨论 。 


7.2.1 jQuery 的 核心 功能 


大 部 分 jQuery 代码 都 是 在 浏览 器 完成 页 面 加 载 后 执行 。 等 到 页 面 完 成 DOM 加 载 后 再 执 
行 代码 十 分 重要 。DOM(Document Object Model, 文档 对 象 模型 ) 是 Web 页面 的 一 种 分 层 表 示 ， 
包含 所 有 HTML 元 素 、 脚 本 文件 .CSS、 图 像 等 的 一 个 树 形 结构 。 如 果 借 助 编程 修改 DOMA] 
如 ， 使 用 jQuery 代码 )， 那 么 这 种 修改 将 在 浏览 器 中 显示 的 页 面 上 反映 出 来 。 如 果 过 早 执行 
jQuery 代码 (例如 ， 在 页 面 的 最 顶端 )， 那 么 DOM 可 能 还 没有 加 载 完 成 脚本 中 引用 的 全 部 元 
素 时 就 产生 了 错误 。 幸 运 的 是 , 可 以 使 用 jQuery 中 的 ready 函数 ,将 代码 的 执行 推迟 到 DOM 
就 绪 。 

在 【 例 7-1】 代 码 中 ， 添 加 了 一 个 标准 的 <script> 块 ， 其 中 可 以 包含 JavaScript。 在 这 个 块 
中 ， 添 加 了 一 些 在 浏览 器 加 载 页 面 完成 后 触发 的 jQuery 代码 。 页 面 就 绪 后 ， 起 始 大 括号 (0 
和 结束 大 括号 (}) 之 间 的 代码 将 会 执行 ， 下 面 是 “文档 就 绪 函 数 ” 的 示例 。 


<script type="text/javascript"> 

$(document).ready(function() í 

// Remainder of the code skipped 

)); 

</script> 
当 页 面 准 备 就 绪 ， 可 以 执行 DOM 操作 时 ， 添 加 到 起 始 和 结束 大 括号 之 间 的 全 部 代码 都 
将 执行 。jQuery 也 提供 了 ready 函数 的 一 个 快捷 方式 ， 下 面 的 代码 段 与 前 面 的 效果 相同 。 

$(function() í 


/DOM 就 绪 后 执行 此 处 的 代码 
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7.2.2 jQuery 选择 器 


选择 器 是 jQuery 的 根基 , 在 jQuery 中 , 对 事件 处 理 , 遍历 DOM 和 Ajax 操作 都 依赖 
于 选择 器 。 学 习 jQuery 选择 器 是 如 何 准确 地 选取 用 户 希望 应 用 效果 的 元 素 。jQuery 元 素 选 
择 器 和 属性 选择 器 允许 用 户 通过 标签 名 、 属 性 名 或 内 容 对 HTML 元 素 进行 选择 。 选 择 器 允 
许 用 户 对 HTML 元 素 组 或 单个 元 素 进 行 操作 。 在 HTML DOM 术语 中 , 选择 器 允许 用 户 对 
DOM 元 素 组 或 单个 DOM 节点 进行 操作 。 


1. CSS 选择 器 


jQuery CSS 选择 器 可 用 于 改变 HTML 元 素 的 CSS 属性 。 例 如 ， 下 面 的 例子 把 所 有 p 
元 素 的 背景 颜色 更 改 为 红色 。 


$("p").css("background-color","red"); 


2. ld 选择 器 
每 个 HTML 元 素 都 可 以 有 一 个 这 属性 ， 可 以 根据 这 选 取 对 应 的 Html 元 素 。 例 如 : 
$("#layer") 选 取 带 有 id 为 layer 的 元 素 


3. Class 选择 器 
类 选择 器 获得 与 特定 的 类 名 相 匹 配 的 0 个 或 多 个 元 素 的 引用 。 下 面 的 jQuery 代码 将 有 
class 为 Highlight 的 背景 色 修 改 为 红色 ， 而 保持 其 他 元 素 不 变 。 


$(".Highlight").css("background-color","red"); 


4. 元 素 选 择 器 
jQuery 使 用 CSS 选择 器 来 选取 HTML 元素。 元 素 选择 器 获得 与 特定 的 标记 名 相 匹 配 
的 0 个 或 多 个 元 素 的 引用 。 例 如 : 

$("p") 选取 <p> 元 素 。 
$("p.intro") 选取 所 有 class="intro" 的 <p> 元 素 。 
$("p#demo") 选取 所 有 id="demo" 的 <p> 元 素 。 

5. 属性 选择 器 

jQuery 使 用 XPath 表达 式 来 选择 带 有 给 定 属性 的 元 素 。 例 如 : 
$("[href]") 选取 所 有 带 有 href 属性 的 元 素 。 
$("[href=2#]") 选取 所 有 带 有 href 值 等 于 "H 的 元 素 。 
$("[hrefi=#1") 选取 所 有 带 有 href (8 JS "#" 的 元 素 。 
$("[href$—'jpg']") 选取 所 有 href 值 以 "jpg" 结尾 的 元 素 。 
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6. 通用 选择 器 


和 对 应 的 CSS 选择 器 一 样 , 通用 选择 器 使 用 通配符 * 匹 配 页 面 中 的 全 部 元 素 ; $ 方 法 返回 
0 个 或 多 个 元 素 ， 然 后 可 以 使 用 多 种 jQuery 方法 操作 返回 的 这 些 元 素 。 例 如 ， 要 将 页 面 中 每 
个 元 素 的 字体 系列 设置 为 Arial， 可 以 使 用 下 面 的 代码 。 


$(*).css(font-family’, 'Arial; 


7. 分 组 和 合并 选择 器 


和 CSS 一 样 ， 可 以 分 组 和 合并 选择 器 。 下 面 的 分 组 选择 器 将 修改 页 面 中 所 有 p 和 h6 元 
素 的 文本 颜色 为 蓝 色 。 


$("p, h6").css("color", "blue"); 


通过 使 用 合并 选择 器 , 可 以 找 出 被 其 他 一 些 元 素 包 含 着 的 特定 元 素 。 例如 , 下 面 的 jQuery 
只 修改 MainContent 元 素 中 包含 的 六 级 标题 ， 而 其 他 的 保持 不 变 。 


$('#Content h6).css(color, red); 


8. 层次 选择 器 

HTML 元 素 是 有 层次 的 ， 有 些 元 素 是 包含 在 其 他 元 素 中 ， 层 次 分 别 如 下 。 

© ancestor descendant( 祖 先 后 代 ) 选 择 器 : 在 指定 祖先 元 素 下 匹配 所 有 的 后 代 元 素 。 

© parent > child( 父 > 子 ) 选 择 器 : 在 给 定 的 父 元 素 下 匹配 所 有 的 子 元 素 。 

© prev +next( 前 + 后 ) 选 择 器 : 匹配 所 有 紧 接 在 prev 元 素 后 的 next 元 素 。 

© prev~siblings( 前 ~ 兄弟 ) 选 择 器 : 匹配 prev 元 素 之 后 的 所 有 siblings 元 素 。 

接 下 来 分 别 举 4 个 例子 ， 讲 解 不 同 的 层次 选择 器 的 用 法 。 

[j 7-2】 使 用 ancestor descendant( 祖 先 后 代 ) 选 择 器 示例 。 

(1) 在 WebSite7 中 创建 Html 页 面 7-2.html。 

(2) 在 7-2.html 的 <head> 标 记 中 添加 如 下 代码 即 可 引入 jQuery 库 。 本 章 以 后 的 例子 将 会 
省 略 讲解 这 个 步骤 ， 要 使 用 jQuery 每 个 都 要 添加 以 下 代码 : 


<script lang="javascript" sre="Scripts/jQuery-1.7.1.min.js"></script> 


(3) 在 body 中 添加 代码 : 


<form> 

用 户 名 : <input name="txtUserName" type="text" value="" /> <br/> <br/> 

密码 : <span><input name="txtUserPass" type="password" /></span> <br/> 
</form> 


(4) 添加 jQuery 效果 代码 : 


<script> 
$(document).ready(function () í 
$("span input").css("border", "4px dotted green"); 
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E 
</script> 
(5) 编译 并 运行 程序 ， 在 默认 浏览 器 中 打开 x 
7-2 html 页 面 ， 如 图 7-3 所 示 ， 上 下 两 个 文本 框 不 同 ， 
š " ñ [ces x 加 | 
一 个 没有 效果 边框 , 因为 jQuery 程序 中 使 用 了 S$("span 文件 (月 RRE SEQ) SERA) I” 


input") 选 择 器 ， 使 第 二 个 input 的 框 变 为 绿色 点 状 边 
框 。 
【 例 7-3】 使 用 parent > child( 父 > 子 ) 选 择 器 示例 。 
(1) 在 WebSite7 中 创建 Html 页 面 7-3.html。 
(2) 在 body 中 添加 代码 : 图 7-3 运行 结果 


<ol class="test"> 
<li><a href=" "> 项 目 列表 1</a></li> 
<li><a href=" "> 项 目 列表 2</a></li> 
<li><a href=" "> 项 目 列表 3</a></li> 
<li> 项 目 列表 4</li> 
</ol> 
<ol> 
<li><a href=" "> 项 目 列表 1.1</a></li> 
<li><a href=" "> 项 目 列表 1.2</a></li> 
</ol> 


(3) 添加 jQuery 效果 代码 : 


<script type="text/javascript"> 
$(document).ready(function () í 
$(".test>li>a").css(background-color', 'green’); 
$(".test>li>a").css('color', yellow’); 
D: 
</script> 
(4) 编译 并 运行 程序 , 在 默认 浏览 器 中 打开 7-3 html 
页 面 ， 如 图 74 所 示 ， 因 为 jQuery 程序 中 使 用 了 
S$(".test>li>a") 选 择 器 ， 使 第 一 个 有 序列 表 中 的 前 三 项 文 r= 1 
字 是 黄色 并 且 有 绿色 背景 色 。 
【 例 7-4】 使 用 prev + next( 前 + 后 ) 选 择 器 示例 。 
(1) 在 WebSite7 中 创建 Html 页 面 7-4.html。 
(2) 在 body 中 添加 代码 : 


<form> 
<label>UserName:</label> <input type="text" 
name="name" /><br /><br /> 
PassWord: <input type="text" name="newsletter" /> 
</form> 
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(3) 添加 jQuery 效果 代码 : 


<script type="text/javascript"> 
$(document).ready(function () { 
$("label+input").css("border", "2px dotted green"); p; 


</script> 
(4) 编译 并 运行 程序 ， 在 默认 浏览 器 中 打开 : 
7-4.html 页 面 ， 如 图 7-5 所 示 ， 因 为 jQuery 程序 中 使 AE 


用 了 S("labeltinput") 选 择 器 ， 使 用 了 label 标签 的 ET ——— 
UserName 后 面 的 input 文本 框 成 为 绿色 点 状 。 
【 例 7-5] fJ] prev ~ siblings( 前 ~ 兄弟 ) 选 择 器 示例 。 
(1) 在 WebSite7 中 创建 Html 页 面 7-5.html。 
(2) fE body 中 添加 代码 : 


<p> 见 弟 选择 符 示例 </p> = 
<h1> 唐 诗 欣赏 一 绝句 <Ihl> 图 75 运行 结果 
<p> 两 个 黄 酷 鸣 以 柳 ， 一 行 白鹭 上 青天 </p> 

<p> 窗 含 西陵 千秋 雪 ， 门 泊 东 吴 万 里 船 </p> 

<h3> 唐 诗 欣 赏 一 一 春 思 </h3> 

<p> 燕 草 如 歼 丝 ， 秦 桑 低 绿 枝 。</p> 

<p> 当 君 怀 归 日 ， 是 妆 断 肠 时 。</p> 

<p> 春 风 不 相识 ， 何 事 入 罗 帽 ?</p> 


(3) 添加 jQuery 效果 代码 : 


<script type="text/javascript"> 
$(document).ready(function () í 
$("h3~p").css("border", "4px dotted green"); 
</script> 
(4) 编译 并 运行 程序 ， 在 默认 浏览 器 中 打开 
7-5.html 页 面 ， 如 图 7-6 所 示 ， 因 为 jQuery 程序 i 
中 使 用 了 S$("h3~p") 选 择 器 ，h3 标签 之 后 的 所 有 p A a a i 
标签 的 内 容 都 加 了 绿色 的 点 状 边框 。 K. py 
7.2.3 jQuery 过 滤器 a 一 行 折合 上 青天 
在 jQuery 中 , 过 滤 选 择 器 主要 是 通过 特定 的 过 |wemasnm pasapun 
滤 规 则 来 筛选 出 所 需 的 DOM 元 素 。 这 就 为 用 户 可 
以 找到 特定 的 元 素 带 来 了 大 量 的 可 能 性 ， 比 如 第 一 
个 元 素 、 最 后 一 个 元 素 、 所 有 奇数 行 元 素 、 所 有 偶 
数 行 元 素 、 所 有 的 标题 或 者 特定 位 置 的 项 。 该 选择 
器 都 以 “:” 开头 。 


图 7-6 运行 结果 
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按照 不 同 的 过 滤 规 则 , 过 滤 选 择 器 又 可 分 为 基本 过 滤 , 内 容 过 滤 , 可 见 性 过 滤 , 属性 过 
滤 , 子 元 素 过 滤 和 表单 对 象 属性 过 滤 选 择 器 。 如 表 7-1 所 示 为 基本 过 滤器 。 


表 7-1 基本 过 滤器 

过 滤 器 说 BB 

fir 匹配 找到 第 一 个 元 素 ， 例 如 : $("p:first") 选 择 第 一 个 p 元 素 

:last 可 以 匹配 找到 最 后 一 个 元 素 ， 例 如 : $("tr:last") 选 择 表格 中 最 后 一 行 元 素 
:not(selector) 可 以 去 除 所 有 给 定 选择 器 匹配 的 元 素 ， 例 如 : $("inputmnot(checked)") 选 择 所 有 没有 使 用 
checked 的 input 


= = 


:even 可 以 匹配 所 有 索引 值 为 偶数 的 元 素 ， 注 意 : 索引 值 从 0 开始 计算 ， 例 如 : Streven" 
择 表格 的 奇数 行 

:odd 可 以 匹配 所 有 索引 值 为 奇数 的 元 素 , 注意 : 索引 值 从 0 开始 计算 ， 例 如 : $("tr:odd") 选 择 
表格 的 偶数 行 


:eq(index) 可 以 匹配 索引 为 index 的 元 素 ， 例 如 : $("tr:eq(0)") 选 择 表格 第 一 行 


:gt(index) 以 匹配 索引 值 大 于 index 的 元 素 ， 例 如 : $("tr:gt(3)") 选 择 表格 第 3 行 以 后 的 所 有 行 
‘lt(index) 可 以 匹配 索引 值 小 于 index 的 元 素 ， 例 如 : $("tr:lt(3)") 选 择 表 格 第 1、2、3 行 
header 可 以 匹配 所 有 标题 的 元 素 ， 例 如 : h1、h2、h3 等 

:animated 选取 现在 正在 执行 动画 的 元 素 


内 容 过 滤 选 择 器 的 过 滤 规 则 主要 体现 在 它 所 包含 的 子 元 素 和 文本 内 容 上 , 如 表 7-2 所 示 。 


表 7-2 ”内容 过 滤器 
说 BB 
可 以 匹配 包含 指定 文本 的 元 素 ， 例 如 : $("p:contains(use)") 选 择 内 容 有 "use" 的 p 元 素 
可 以 匹配 不 包含 子 元 素 或 文本 为 空 的 元 素 , 例如 : $("td:empty0") 选 择 内 容 为 空 的 单元 格 
可 以 匹配 指定 子 元 素 的 元 素 ， 例 如 : $("div:has(p)") 选 择 包含 p 元 素 的 div 元 素 
和 empty0 作 用 相反 ， 例 如 : $("td:parent0") 选 择 内 容 不 为 空 的 单元 格 
可 见 性 过 滤 选 择 器 是 根据 元 素 的 可 见 和 不 可 见 状态 来 选择 相应 的 元 素 。 可 见 选择 


器 hidden 不 仅 包含 样式 属性 display 为 none 的 元 素 , 也 包含 文本 隐藏 域 (<input 
type=“hidden”>) 和 visible:hidden 之 类 的 元 素 ， 如 表 7-3 所 示 。 


表 7-3 可见 性 过 滤器 


过 滤器 说 明 
hidden | 可 以 匹配 所 有 的 不 可 见 的 元 素 ， 例 如 $C"inputihidden") 选 择 隐藏 的 input 
visible 可 以 匹配 所 有 可 见 的 元 素 ， 例 如 : $("input:visible") 选 择 没 有 隐藏 的 input 


属性 过 滤 选 择 器 的 过 滤 规 则 是 通过 元 素 的 属性 来 获取 相应 的 元 素 ， 如 表 7-4 所 示 。 


表 7-4 属性 过 滤器 


过 滤 器 说 明 
[attribute] | 基于 给 定 属性 匹配 元 素 。 例 如 : $("div[id]"j& div 使 用 id 的 元 素 


基于 一 个 属性 和 该 属性 的 值 匹配 元 素 。 例 如 : $("div[id=id1]") 选 择 所 有 id 值 为 idl 的 
div 元 素 


[attribute=value] 
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过 滤 器 说 BB 

[attribute!=value] | 基于 一 个 属性 不 和 该 属性 的 值 匹配 元 素 。 例 如 : $("div[id! =id1]") 选 择 所 有 id 值 不 等 
于 idl 的 div 元 素 

[attribute^=value] 指定 属性 值 为 指定 值 开始 的 元 素 。 例如: $["input[name^=mews'] 选 择 所 有 name 属性 
值 以 news' 开 始 的 input 元 素 

[attribute$=value] 指定 属性 值 为 指定 值 结尾 的 元 素 。 例如: $["input[name$=news]"] 选 择 所 有 name 属性 
值 以 mews' 结 尾 的 input 元 素 

[attribute*=value] | ”指定 属性 值 为 包含 指定 值 的 所 有 元 素 。 例 如 : $["input[name*=-mews]"] 选 择 所 有 name 
属性 值 包含 news' 的 input 元 素 

复合 属性 过 滤器 可 以 使 用 $([selectorl][selector2][selectorN]) 格 式 的 复合 属性 过 滤器 匹配 满足 多 个 合 属 


使 用 子 元 素 过 滤器 可 以 根据 元 素 的 子 元 素 对 元 素 进行 过 滤 ， 


:nth-child(index/ev 
en/odd/equation) 


:first-child 
:last-child 


:only-child 


性 过 滤器 元 素 。 例 如 : S$Cinput[id]j[name*= mews]") 选 择 所 有 包含 这 属性 、 且 name JE 
性 值 包含 mews' 的 input 的 元 素 


如 表 7-5 所 示 。 


表 7-5 子 元 素 过 滤器 
说 BB 

(1) :nth-child(even/odd): 能 选取 每 个 父 元 素 下 的 索引 值 为 偶 ( 奇 ) 数 的 元 素 
(2):nth-child(2): 能 选取 每 个 父 元 素 下 的 索引 值 为 2 的 元 素 
(3):nth-child(3n): 能 选取 每 个 父 元 素 下 的 索引 值 是 3 的 倍数 的 元 素 
为 每 个 父 元 素 匹 配 第 一 个 子 元 素 ， 例 如 : $Cullifirstchild" 在 每 个 ul 中 查找 第 一 个 下 
为 每 个 父 元 素 匹 配 最 后 一 个 子 元 素 ， 例 如 : $u li:last-child") 在 每 个 ul 中 查找 最 后 一 
li 
如 果 某 个 元 素 是 父 元 素 中 唯一 的 子 元 素 , 那 将 会 被 匹配 , 如 果 父 元 素 中 含有 其 他 元 素 ， 
那 将 不 会 被 匹配 ， 例 如 : $u li:only-child") 在 ul 中 查找 是 唯一 子 元 素 的 


表单 选择 器 主要 对 所 选择 的 表单 元 素 进行 过 滤 ， 如 表 7-6 所 示 。 


表 7-6 表单 过 滤器 


过 滤 器 说 明 
:enabled 匹配 所 有 可 用 元 素 ， 例 如 : $("input:enabled") 查 找 所 有 可 用 的 input 元 素 
:disabled 匹配 所 有 不 可 用 元 素 ， 例 如 : $("input:disabled") 查 找 所 有 不 可 用 的 input 元 素 
:checked 匹配 所 有 选中 的 被 选中 元 素 ( 复 选 框 、 单 选 框 等 ， 不 包括 select 中 的 option)， 例 如 : 

$("input:checked") 查 找 所 有 选中 的 复 选 框 元 素 

:selected 匹配 所 有 选中 的 option 元 素 , 例如 : $("select option:selected") 查 找 所 有 选中 的 选项 元 素 
:input 这 些 选择 器 可 以 用 来 匹配 特定 的 客户 端 HTML 表单 元 素 。 例 如 ， 可 以 使 用 分 组 选择 
eR 器 把 查找 按钮 和 文本 框 的 代码 段 重 写 如 下 : 
e S$(:button, :text').css('color', 'green'); 
daie 可 以 使 用 这 些 筛选 器 来 实现 一 些 特殊 的 效果 。 例 如， 要 想 编写 一 些 功能 来 选中 一 个 表 
se 单 中 的 所 有 复 选 框 ， 可 以 使 用 下 面 的 代码 : 


:image 


$(checkbox")attr('checked', true); 
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( 续 表 ) 
过 滤 器 说 _— BB 
reset 要 想 取消 全 部 复 选 框 ， 可 以 传递 false 作为 attr 方法 的 第 二 个 参数 
:button 
hidden 


file 


【 例 7-6】 使 用 jQuery 过 滤器 示例 。 
(1) 在 WebSite7 中 创建 Html 页 面 7-6.html。 
(2) 在 body 中 添加 代码 : 


<div> 
<h2> 表 单 <span style="font-style: italic; font-weight: bold;"> 示 例 </span></h2> 
用 户 名 : <input id="Textl" type="text" /><br /> 

<br /> 个 人 爱好 : 

<input id="Checkbox1" type="checkbox" /> 读书 

<input id="Checkbox2" type="checkbox" /> 音乐 

<input id="Checkbox3" type="checkbox" /> 跳舞 

<input id="Checkbox4" type="checkbox" /> 心算 <br /><br /> 

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 

<input id="Checkbox5" type="checkbox" /> 电影 

<input id="Checkbox6" type="checkbox" /> 游戏 

<input id="Checkbox7" type="checkbox" />} {$j 

<input id="Checkbox8" type="checkbox" /> 理财 

<br /> 

<input id="Button2" type="button" value=" 全 部 选中 " /> 

<input id="Button3" type="button" value=" 全 部 取消 选中 " > 

<hl title="First Header"> 学 生 信息 <hl> 

<table id="Table1"> 
<tr><th> 姓 名 </th><th> 学 号 </th><th> 性 别 </th></tr> 
<tr><td> 韩 但 </td><td>201482166054</td><td> 男 </td></tr> 
<tr><td> 李 贺 </td><td>201472059033</td><td> 男 </td></tr> 
<tr><td> 孙 乾坤 </td><td>2014187982212</td><td> 男 </td></tr> 
<tr><td> 张 龙 </td><td>201450422312</td><td> 男 </td></tr> 
<tr><td> 张 雅 歌 </td><td>201450422312</td><td> 女 </td></tr> 

</table> 

</div> 


(3) 添加 jQuery 效果 代码 : 


<script type="text/javascript"> 
$(function () { 
$('#Table1".attr(border', '1); 
$(#Table1'.attr('cellpadding', 2"); 
$(#Table1".attr('cellspacing', 2); 
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$(#Table1 tr:first').css(backeround-color', 'red'); 

$(#Table1 tr:odd').css('backeround-color', 'green'); 

$("button, :text')-.css('color', #ee0033); 

$("header’).css('color', #800080); 

$("header:has("span")’).css('border-style', 'dashed'): 

$(#Button2').click(function O í 
$(checkbox".attr('checked', true); 

H: 

$('#Button3).click(function O í 
$(:checkbox’).attr('checked', false); 

D 

IDE 
</script> 


(4) 编译 并 运行 程序 ， 在 默认 浏览 器 中 打开 7-6.html 页 面 ， 如 图 7-7 和 7-8 所 示 。 


x x 
K| reo Aocahostsoo¿ aa K|, tupuñocahostsooL O ~ © 六 立 
| localhost j -| | 

XHA RRO FEV KERA IAM EAH 


个 人 爱好 ， 口 读书 口音 乐 口 跳舞 口 心算 轿 读书 回音 乐 回 跳舞 加 心算 


oig oğ ozi o MARK 回 游戏 MEN EN 
全 部 选中 || 全 部 取消 选中 全 部 取消 选中 


学 生 信息 学 生 信息 
[Ea 学 性别 
[CE | 


201472059033 Æ ||201472059033 |B 


201450422312 张 龙 “|‖201450422312 |B 


图 7-7 使 用 筛选 器 页 面 效果 图 7-8 全 部 选中 复 选 框 效 果 


724 jQuery 事件 


jQuery 可 以 很 方便 地 使 用 Event 对 象 对 触发 的 元 素 的 事件 进行 处 理 ，jQuery 支持 的 事件 
包括 键盘 事件 、 鼠 标 事件 、 表 单 事 件 、 文 档 加 载 事 件 和 浏览 器 事件 等 。 

事件 方法 会 触发 匹配 元 素 的 事件 ， 或 将 函数 绑 定 到 所 有 匹配 元 素 的 某 个 事件 。 

触发 实例 : 


$("button#demo”).clickO 


上 面 的 例子 将 触发 id="demo" 的 button 元 素 的 click 事件 。 


第 7 章 jQuery 入 门 189 。 


绑 定 实例 : 
$("button#demo").click(function0 ($("img”).hide0)) 


Event 对 象 的 属性 如 表 7-7 所 示 。 
表 7-7 Event 对 象 的 属性 


=m 性 说 — BH 
event.pageX 相对 于 文档 左边 缘 的 鼠标 位 置 
event.pageY 相对 于 文档 上 边缘 的 鼠标 位 置 


包含 由 被 指定 事件 触发 的 事件 处 理 器 返回 的 最 后 一 个 值 
触发 该 事件 的 DOM 元 素 

该 属性 返回 从 1970 年 1 月 1 日 到 事件 发 生 时 的 毫秒 数 
描述 事件 的 类 型 
指示 按 了 哪个 键 或 按钮 


event.result 


event.target 


event.timeStam] 
event. 
event.which 


【 例 7-7】 使 用 Event 对 象 属性 的 示例 。 
(1) fE WebSite7 中 创建 Html 页 面 7-7.html。 
(2) 在 body 中 添加 代码 : 


<div id="log"></div> 
(3) 添加 jQuery 效果 代码 : 


<script>$(document).mousemove(function (e) { 


$("#log").text("e.timeStamp:" + etimeStamp +"\n"+"e.pageX:"+e.pageX+",e.pageY:"+e.pageY); 


P; </script> 
(4) 编译 并 运行 程序 ， 在 默认 浏览 器 中 打开 7-7.html 页 面 ， 当 鼠标 移动 时 ， 时 间 和 坐标 
值 会 一 直 不 停 的 改动 ， 如 图 7-9 和 图 7-10 所 示 。 
< IO s Ñ < me so 
31 < 


Í localhost Í localhost 


收藏 夫 (A) IAT) ŒH) 
etimeStamp:1397472210757 e.pageX: 399, e.pageY: 76 


文件 [F) WAE EEV) (A) IAT) 帮助 (H) 文件 (F) SSE EEV) 


etimeStamp-1397472170942 e pageX- 157, e pageY: 46 


图 7-9 打开 运行 效果 图 7-10 移动 鼠标 效果 


Event 对 象 的 常用 方法 如 表 7-8 所 示 : 


表 7-8 Event 对 象 的 方法 
说 BB 
向 匹配 元 素 附 加 一 个 或 更 多 事件 处 理 器 


bind) 
blur() 触发 、 或 将 函数 绑 定 到 指定 元 素 的 blur 事件 
change) 和 触发、 或 将 函数 绑 定 到 指定 元 素 的 change 事件 


触发 、 或 将 函数 绑 定 到 指定 元 素 的 click 事件 
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属 性 说 BB 
dblclickO 触发 、 或 将 函数 绑 定 到 指定 元 素 的 double click 事件 
delegateQ 向 匹配 元 素 的 当前 或 未 来 的 子 元 素 附 加 一 个 或 多 个 事件 处 理 器 
die0 移 除 所 有 通过 live 函数 添加 的 事件 处 理 程序 
error() 触发 、 或 将 函数 绑 定 到 指定 元 素 的 error 事件 
event.isDefaultPreventedO | 返回 event 对 象 上 是 否 调用 了 event.preventDefaultO 
event.preventDefault() 阻止 事件 的 默认 动作 
focus() 触发 、 或 将 函数 绑 定 到 指定 元 素 的 focus 事件 
keydown() 触发 、 或 将 函数 绑 定 到 指定 元 素 的 key down 事件 
keypress() 触发 、 或 将 函数 绑 定 到 指定 的 key press 事件 
keyup 触发 、 或 将 函数 绑 定 到 指定 元 素 的 keyup 事件 


为 当前 或 未 来 的 匹配 元 


-个 或 多 个 事件 处 理 器 


load0 触发 、 或 将 函数 绑 定 至 J load 事件 

触发 、 或 将 函数 绑 4 mouse down 事件 
mouseenter() 触发 、 或 将 函数 绑 定 到 指定 元 素 的 mouse enter 事件 
mouseleave! 触发 、 或 将 函数 绑 定 到 指定 元 素 的 mouse leave 事件 
mousemove() 触发 、 或 将 函数 绑 定型 “J mouse move 事件 
mouseout() 触发 、 或 将 函数 绑 定型 “J mouse out 事件 
mouseover() ,. BR R 22; 9 mouse over 事件 


-次 该 处 理 器 


mouseup() 数 绑 定 到 指 的 mouse up 事件 
one() i 每 个 元 素 只 能 触发 
ready() 4 HTML 文档 就 绪 可 用 时 ) 

resize( x ETT 定 到 指 的 resize 事件 
Scroll() 发 、 或 将 函数 绑 定 到 

select() z, ERK ER 33 E FIE 

submit() 、 或 将 函数 绑 定 到 的 submit 事件 


绑 定 两 个 或 多 个 事件 处 理 器 函数 ， 当 发 生 轮流 的 click 事件 时 执行 


trigger() 所 有 克 配 元 来 的 指定 事件 
triggerHandler' 第 一 个 被 匹配 元 素 的 指定 事件 


unbindO 从 匹配 元 素 移 除 一 个 被 添加 的 事件 处 理 器 
Undelegate 从 匹配 元 素 移 除 一 个 被 添加 的 事件 处 理 器 ， 现 在 或 将 来 


触发 、 或 将 函数 绑 定 到 指定 元 素 的 unload 事件 


[J 7-8】 使 用 Event 对 象 方法 的 示例 。 
(1) 在 WebSite7 中 创建 Html 页 面 7-8.html。 
(2) fE body 中 添加 以 下 三 段 代 码 。 
第 一 段 代码 键盘 事件 示例 : 
<h4 > 光标 进入 文本 框 中 ， 按 下 任意 键 ， 将 会 由 窗口 弹出 </h4> 
<input id="target" type="text" value=" 按 下 键 " /> 
<script> 
function handler(event) í 
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alert(event.data.foo); 
} 
$("#target").keypress(function () í 
alert("Handler for .keypress() called."); 
DD); 


</script> 
第 二 段 代 码 鼠 标 事件 示例 : 


<br/><br/><br/> 不 同 菜系 : 
<ol> 
<I 记 粤菜 </li> 
<I 户 湘菜 </li> 
<li>JI|32</li> 
<lpT83E</li> 
<i></i> 
</ol> 
<script> 
$("li").toggle( 
function () í 
$(this).css({ "list-style-type": "disc", "color": "blue" }); 
i. 
function O í 
$(this).css({ "list-style-type": "disc", "color": "red" }); 
j: 
function () í 
$(this).css( í "list-style-type": "", "color": "" }); 
) 
); 
</script> 


第 三 段 代 码 浏 览 器 事件 示例 : 


<div style="width:200px;height:100px;overflow:scroll;"> 
<pre> 
请 试 着 滚动 DIV 中 的 文本 
请 试 着 滚动 DIV 中 的 文本 
请 试 着 滚动 DIV 中 的 文本 
请 试 着 滚动 DIV 中 的 文本 
请 试 着 滚动 DIV 中 的 文本 
请 试 着 滚动 DIV 中 的 文本 </pre></div> 
<p> 滚 动 了 <span>0</span> 次 。</p> 
<button> 触 发 窗口 的 scroll 事件 </button> 
<script> 
x=0; 
$(document).ready(function () { 
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$("div").scroll(function () í 
$("span").text(x += 1); 
H: 
$("button").click(function O í 
$("div").scrollO): 
H: 
J); 
</script> 
(3) 编译 并 运行 程序 ， 在 默认 浏览 器 中 打开 7-8.html 页 面 ， 如 图 7-11 所 示 。 当 光标 在 文 
本 框 中 ， 按 下 键盘 将 会 有 窗口 弹出 ， 当 用 鼠标 点 击 列表 中 菜系 名 称 时 颜色 会 改变 ， 第 一 次 改 
为 蓝 色 ， 点 击 第 二 次 改 为 红色 ， 第 三 次 改 为 默认 色 ; 当 滚 动 文 本 域内 容 时 ， 下 面 滚动 次 数 会 
有 记录 ， 或 者 点 击 按钮 也 会 改变 滚动 次 数 。 


í > uu=auw 


TH 
ZAA SAO FEM GERA IRT EMH 


光标 进入 文本 框 中 ， 按 下 任意 键 ， 将 会 由 窗口 弹出 


RDT Ohe 
触发 窗口 的 scroll 事件 


图 7-11 运行 效果 


7.3 jQuery 动画 


在 jQuery 中 ,动画 是 一 个 非常 重要 的 角色 。 使 用 动画 能 让 网 站 看 起 来 更 具有 活力 ， 再 加 
上 交互 功能 的 话 ， 网 站 就 会 变 得 非常 友好 。 这 里 介绍 jQuery 中 的 一 些 常 用 的 动画 方法 ， 如 表 
7-9 所 示 。 

表 7-9 常用 的 动画 效果 方法 
方 法 用 途 

通过 递减 height. width 和 opacity( 使 它们 变 为 透明 ) 隐 藏 或 者 显示 匹配 元 素 。 两 种 方法 都 允 
许 定义 固定 的 速度 ( 慢 、 中 、 快 或 者 一 个 定义 动画 持续 时 间 ( 单 位 为 毫秒 ) 的 数字 。 示 例 
如 下 : 
$(h1.hide(1000); 
$(h1).show(1000); 


show() 
hide) 
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5 È 


toggle() 


( 续 表 ) 
用 途 
toggle 方法 在 内 部 使 用 show 和 hide 来 改变 匹配 元 素 的 显示 方式 。 即 , 可 见 元 素 将 被 隐藏 ， 
不 可 见 元 素 将 会 显示 。 示 例如 下 : 


S$(h1).togele(2000); 


slideDown() 
slideUp(O) 
slideToggle() 


fadeln() 
fadeOut() 
fadeTo() 


animate() 


类 似 于 hide 和 show， 这 些 方法 隐藏 或 显示 匹配 元 素 。 但 是 ， 这 是 通过 将 元 素 的 height 从 
当前 尺寸 调整 为 0, 或 者 从 0 调整 为 初始 尺寸 来 实现 的 。slideToggle 方法 会 展开 隐藏 的 元 
素 ， 卷 起 可 见 的 元 素 ， 从 而 可 以 使 用 一 个 动作 重复 地 显示 和 隐藏 元 素 。 示 例如 下 : 
$(h1").slideUp(1000).slideDown(1000); 
$(h1").slideTogele(1000):; 
这 些 方法 通过 修改 匹配 元 素 的 不 透明 度 显 示 或 隐藏 它们 。 人 adeOut 将 不 透明 度 设置 为 0， 
使 元 素 完全 透明 ， 然 后 将 CSS display 属性 设置 为 none， 从 而 完全 隐藏 元 素 。fadeTo 允许 
指定 一 个 不 透明 度 (0 到 1 之 间 的 一 个 数字 )， 以 便 决 定 元 素 的 透明 程度 。 全 部 3 个 方法 都 
允许 定义 一 个 固定 速度 ( 慢 、 中 、 快 ), 或 者 一 个 定义 了 动画 持续 时 间 ( 单 位 为 毫秒 ) 的 数字 。 
示例 如 下 : 

$(h1).fadeOut(1000); 

$(h1).fadeIn(1000); 

$(h1').fadeTo(1000, 0.5); 


在 内 部 ，animate 用 于 许多 动画 方法 ， 例 如 show 和 hide。 但 是 ， 也 可 以 在 外 部 使 用 它 ， 
从 而 可 以 更 灵活 地 以 动画 方式 显示 匹配 元 素 。 例 如 下 面 这 个 示例 : 
$(h1).animate({ 
opacity: 0.4, 
marginLeft: '50px', 
fontSize: '50px' 
}, 1500 ); 


这 段 代码 接受 一 个 hl 元 素 ， 将 其 字体 大 小 设置 为 50 像素 , 将 其 不 透明 度 设置 为 0.4 以 使 
元 素 半 透明 ， 并 将 其 左 页 边 距 设置 为 50 像素 ， 从 而 在 1.5 秒 的 时 间 内 平滑 地 进行 动画 显 
示 。animate 方法 的 第 一 个 参数 是 一 个 对 象 ， 它 保存 一 个 或 者 多 个 想 要 动画 显示 的 属性 ， 
每 个 属性 之 间 以 逗号 分 隔 。 注 意 ， 需 要 使 用 JavaScript 的 marginLeft 和 fontSize， 而 不 是 
CSS margin-left 和 font-size 属性 。 只 能 动画 显示 接受 数值 的 属性 。 也 就 是 说 ， 可 以 使 用 
margin, fontSize, opacity 等 属性 ， 但 是 不 能 使 用 color 或 fontFamily 这 样 的 属性 


stop() 


停止 所 有 在 指定 元 素 上 正在 运行 的 动画 ， 如 果 队 列 中 有 等 待 执 行 的 动画 (并 且 第 一 个 参数 
不 是 true)， 则 将 被 马上 执行 


delay0 


设置 一 个 延 时 来 推迟 执行 队列 中 之 后 的 项 目 ， 用 于 将 队列 中 的 函数 延 时 执行 。 该 方法 既 
可 以 推迟 动画 队列 的 执行 ， 也 可 以 用 于 自 定义 队列 。 例 如 下 面 的 代码 将 在 .slideUpO 
和 .fadeIn0 之 间 延 时 1 秒 : 


S$(h1).slideUp(1000).delay(1000).fadeIn(1000); 
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以 下 将 举 几 个 动画 的 例子 ， 使 用 以 上 动画 方法 ， 当 然 ， 运 行 结 果 的 截图 并 不 能 体现 动画 
的 过 程 ， 要 想 直 观 了 解 动画 效果 ， 还 要 实际 运行 。 

【 例 7-9】 使 用 animate() 方 法 动画 效果 。 

(1) 在 WebSite7 中 创建 Html 页 面 7-9.html。 

(2) 在 body 中 添加 代码 : 


<button> 开 始 动画 </button> 
<p> 当 点 击 按钮 ， 正 方形 将 先 向 下 向 左 变 大 ， 然 后 变 小 恢复 大 小 </p> 
<div style="background:#98bf21;height:100px;width:100px;position:absolute;"> 


(3) 添加 jQuery 效果 代码 : 


<script> 
$(document).ready(function () í 
$("button").click(function Q) í 
var div = $("div"); 
div.animate( í height: '300px', opacity: '0.4' }, "slow"); 
div.animate( í width: '300px', opacity: '0.8' }, "slow"); 
div.animate({ height: '100px', opacity: '0.4' }, "slow"); 
div.animate( í width: '100px', opacity: '0.8' }, "slow"); 
D: 
D: 


</script> 


(4) 编译 并 运行 程序 ， 在 默认 浏览 器 中 打开 7-9.html 页 面 ， 当 点 击 按钮 ， 正 方形 将 先 
向 下 向 左 变 大 ， 然 后 变 小 恢复 大 小 ， 如 图 7-12 和 图 7-13 所 示 。 


Kai raouocahostsos44 St _ rx 


IHA RAEO FEV LERA IAM EBH 
开始 动画 


当 点 击 按钮 ， 正 方形 将 先 向 下 向 左 变 大 ， 然 后 变 小 恢复 大 小 当 点 击 按钮 ， 正 方形 将 先 向 下 向 左 变 大 ， 然 后 变 小 恢复 大 小 


图 7-12 运行 效果 图 图 7-13 单 击 按钮 运行 动画 过 程 


【 例 7-10】 使 用 hide0 和 show0 方 法 动画 效果 。 
(1) 在 WebSite7 中 创建 Html 页 面 7-10.html。 
(2) fE body 中 添加 代码 : 


<button id="button1" type="button"> 隐 藏 </button>&nbsp;&znbsp;<button id="button2" type="button"> 
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显示 </button> 
<p> 这 是 一 个 段落 。</p> 
<p> 这 是 另 一 个 段落 。</p> 


(3) 添加 jQuery 效果 代码 : 


<script type= "text/javascript"> 
$(document).ready(function | í 
$("#button1").click(function O í 
$("p").hide(1000); 
DE 
$("#button2").click(function O í 
$("p").show(1000); 
DE 
HE 
</script> 


(4) 编译 并 运行 程序 ， 在 默认 浏览 器 中 打开 7-10.html 页 面 ， 当 点 击 隐 藏 按钮 ， 两 行 
文字 将 慢 慢 向 上 收回 隐藏 ， 当 点 击 显示 按钮 ， 文 字 将 慢 慢 向 下 展开 ， 如 图 7-14 和 图 7-15 
所 示 。 


K i http://localhost5994. A De http://localhost5994. O 
| localhost el 


文件 (F) RRE EEV) 收藏 闪 ( 文件 (F) RRE ”前 看 (V) 收藏 夫 (; 


[ea] [s7] 


| localhost 


这 是 一 个 段落 。 
这 是 另 一 个 段落 。 


图 7-14 运行 效果 图 图 7-15 单 击 按钮 运行 动画 过 程 


【 例 7-11】 使 用 slideToggle0 方 法 动画 效果 。 
(1) 在 WebSite7 中 创建 Html 页 面 7-11.html。 
(2) 在 body 中 添加 代码 : 


<p class="flip" style="background-color:red"> 请 点 击 这 里 </p> 

<div class="panel"> 

<p> 展 开 内 容 1</p> 

</div> 
<p class="flip1" style="background-color:red"> 请 点 击 这 里 </p> 
<div class="panel1"> 

<p> 展 开 内 容 2</p> 

</div> 


(3) 添加 css 效果 代码 : 


<style type="text/css"> 
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div.panel,p.flip,div.panel1,p.flip1 
{ 
margin:0px; 
padding:5px; 
text-align:center; 
background:#e5eecc; 
border:solid 1px #c3c3c3; 
width:150px; 
) 
div.panel,div.panell 
{ 
height:40px; 
display:none; 
} 

</style> 


(4) 添加 jQuery 效果 代码 : 


<script type="text/javascript"> 
$(document).ready(function () í 
$(".flip").click(function O í 
$(".panel").slideToggle("slow"); 
D: 
$(".flip1").click(function O í 
$(".panell").slideToggle("slow"): 
)); 
D: 
</script> 


(5) 编译 并 运行 程序 ， 在 默认 浏览 器 中 打开 7-11.html 页 面 ， 当 点 击 “请 点 击 这 里 ”， 
将 慢 慢 展开 内 容 ， 再 点 击 会 收回 内 容 。 如 图 7-16 和 图 7-17 所 示 。 


x x 


Be! hapy/localhost5994. O K Bj httpy/localhost5994. O 
| localhost 3 | localhost < 


文件 (F) SRE EEV) 收藏 夫 (” XHA SRE EEV baz” 


图 7-16 运行 效果 图 图 7-17 单 击 文字 运行 结果 


[J 7-12】 使 用 fadeTo 方法 动画 效果 。 
(1) 在 WebSite7 中 创建 Html 页 面 7-12.html。 
(2) fE body 中 添加 代码 : 
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<p> 演 示 带 有 不 同 参数 的 fadeTo0 方法 。</p> 

&nbsp:&nbsp:&nbsp;&nbsp;<button> 淡 出 </button>&nbsp;<button id="bu"> 显 现 </button> 
<br /><br /> 

<div id="div1" style="width:80px;height:80px;background-color:red;float:right;"></div> 
<div id="div2" style="width:80px;height:80px;background-color:green;float:right;"></div> 
<div id="div3" style="width:80px;height:80px:background-color:blue;float:right;"></div> 


(3) 添加 jQuery 效果 代码 : 


<script> 
$(document).ready(function () í 

$("button").click(function O í 
$("#div1").fadeTo("slow", 0.15); 
$("#div2").fadeTo("slow", 0.15); 
$("#div3").fadeTo("slow", 0.2); 

D 

$("#bu").click(function O í 
$("#div1").fadeTo("slow", 1); 
$("#div2").fadeTo("slow", 1); 
$("#div3").fadeTo("slow", 1); 


ra 


J); 
P: 
</script> 
(4) 编译 并 运行 程序 ， 在 默认 浏览 器 中 打开 7-12.html 页 面 ， 当 点 击 “ 淡 出 ”， 三 个 色彩 
块 将 颜色 变 淡 ， 点 击 “ 显 示 ” 将 慢 慢 恢复 。 如 图 7-18 和 图 7-19 所 示 。 


x 


x 


Mee) http://localhost:5994 O + È Me! http://ocalhost5994 O ~ © 


| localhost 


M Í| localhost x 
文件 (F) ”编辑 (E) EEV ”收藏 夫 (A) T.” RHA ”编辑 (E) EEV) ”收藏 夫 (A) XT.” 


演示 带 有 不 同 参数 的 fadeTo0 方法 。 演示 带 有 不 同 参数 的 fadeTo0 方法 。 


淡出 || 显现 淡出 || mm 


图 7-18 运行 效果 图 图 7-19 单 击 淡出 运行 结果 


7.4 本 章 小 结 


本 章 介绍 了 jQuery， 这 是 一 种 非常 流行 的 开源 客户 端 JavaScript 框架 ， 可 以 用 来 与 文档 
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对 象 模型 进行 交互 。 

本 章 首先 介绍 了 jQuery 的 下 载 地 址 和 将 其 添加 到 Web 站 点 中 的 方法 。 然 后 提供 了 一 个 
jQuery 的 示例 ， 并 在 之 后 介绍 了 可 以 用 来 在 页 面 中 找到 相关 元 素 的 jQuery 选择 器 和 筛选 器 ， 
以 及 如 何 通过 事件 ， 在 发 生 某 些 动作 (例如 单 击 按钮 或 者 提交 表单 ) 时 触发 代码 。 

在 本 章 即 将 结束 时 , 学 习 了 如 何 使 用 jQuery 中 的 众多 动画 方法 , 使 页 面 外 观 更 具 吸引 力 ， 
并 且 交 互 性 更 好 。 


1 
2 
3 
4 
Š 


6 
图 7-2 


75 练 J 


. 试 列举 jQuery 的 层次 选择 器 。 

. 常用 的 内 容 过 滤器 有 哪些 ? 

. 简 述 ready 和 load 事件 的 不 同 。 

. 试 列举 jQuery 的 用 于 实现 滑动 效果 的 方法 。 

. 试 列举 jQuery 的 用 于 实现 淡 入 和 淡出 效果 的 方法 。 

. 编写 一 个 页 面 exc.html, 给 指定 表格 加 上 鼠标 指针 所 在 行 高 亮 显示 的 jQuery 插件 。 如 
0 和 图 7-21 所 示 。 


BE ACE 
fi leest — — x] i leshon — — >] 

姓名 学 号 学 号 

韩 旭 “|‖201482166054 201482166054 
Æp |[201472059033 201472059033 
| 孙 乾 坤 |2014187982212 
| 张 龙 “|201450422312 201450422312 


| 张 雅 歌 | 201450422312 201450422312 


图 7-20 运行 效果 图 图 7-21 鼠标 指 行 运行 结果 
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ASPNET 应 用 程序 的 数据 访问 是 通过 ADONET 完成 的 .ADONET 可 以 使 Web 应 用 程 
序 从 各 种 数据 源 中 快速 访问 数据 ， 从 传统 的 数据 库 到 XML 数据 存储 文件 ， 各 种 各 样 的 数据 
源 都 能 连接 到 ADO.NET， 从 而 更 加 灵活 地 访问 数据 ， 减 少 访问 数据 所 需 的 代码 ， 提 高 了 开 
发 效率 和 Web 应 用 程序 的 性 能 。 

本 章 首先 介绍 ADO.NET 的 基本 知识 ， 然 后 详细 介绍 ASP.NET 中 的 几 种 数据 访问 方法 ， 
有 关 数 据 绑 定 的 内 容 则 放 到 下 一 章 介 绍 。 


本 章 的 学 习 目 标 : 

了 解 ADO.NET 的 基本 知识 ; 

了 解 SQL Server 2012 的 安装 和 一 些 基 本 操作 ; 

掌握 ADO.NET 与 数据 库 的 连接 方法 ; 

掌握 使 用 Connection 对 象 连接 到 数据 库 、 打 开 数 据 库 和 关闭 数据 库 的 方法 ; 
掌握 利用 Command 访问 数据 库 的 方法 ; 

掌握 利用 DataAdapter 对 象 和 DataSet 对 象 访问 数据 库 的 方法 ; 

了 解 连 接 池 的 概念 。 


8.1 ADO.NET 概述 


ADO.NET 是 NET Framework 提供 的 数据 访问 的 类 库 ，ADONET 对 Microsoft SQL 
Server, Oracle 和 XML 等 数据 源 提供 一 致 的 访问 。 应 用 程序 可 以 使 用 ADO.NET 连接 到 这 些 
数据 源 ， 并 检索 和 更 新 所 包含 的 数据 。 


8.1.1 ADO.NET 简介 


ADONET 的 名 称 起 源 于 ADO(ActiveX Data Objects), ADO 用 于 在 以 往 的 Microsoft 技术 
中 进行 数据 的 访问 。 所 以 微软 希望 通过 使 用 ADONET 向 开发 人 员 表 明 , 这 是 在 .NET 编程 环 
境 和 Windows 环境 中 优先 使 用 的 数据 访问 接口 。 

ADONET 提供 了 平台 互 用 性 和 可 伸缩 的 数据 访问 , ADO.NET 增强 了 对 非 连接 编程 模式 
的 支持 ， 并 支持 RICH XML。 由 于 传送 的 数据 都 是 XML 格式 的 ， 因 此 任何 能 够 读 取 XML 
格式 的 应 用 程序 都 可 以 进行 数据 处 理 。 事 实 上 ， 接 收 数据 的 组 件 不 一 定 非 要 是 ADO.NET 组 
件 ， 它 可 以 是 基于 一 个 Microsoft Visual Studio 的 解决 方案 ， 也 可 以 是 运行 在 其 他 平台 上 的 任 
何 应 用 程序 。 

传统 的 ADO 和 ADONET 是 两 种 不 同 的 数据 访问 方式 ， 无 论 是 在 内 存 中 保存 数据 ， 还 
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是 打开 和 关闭 数据 库 的 操作 模式 都 不 尽 相同 。 
ADONET 用 于 数据 访问 的 类 库 包含 NET Framework 数据 提供 程序 和 DataSet 两 个 组 
件 。.NET Framework 数据 提供 程序 与 DataSet 之 间 的 关系 如 图 8-1 所 示 。 


.NET Data Provider DataSet 


Connection w... i DataTableCollection 
— 
===; 
Command 
==] 


I DataRelationCollection 


Database 


DataTable 


DataRowCollection 


DataColumnCollection 


图 8-1 ADO.NET 的 组 成 


.NET Framework 数据 提供 程序 包含 以 下 4 个 核心 类 。 

@ Connection: 建立 与 数据 源 的 连接 。 

© Command: 对 数据 源 执行 操作 命令 ， 用 于 修改 数据 、 查 询 数据 和 运行 存储 过 程 等 。 

© DataReader: 从 数据 源 获取 返回 的 数据 。 

è DataAdapter: 用 数据 源 数据 填充 DataSet， 并 可 以 处 理 数据 更 新 。 

DataSet 是 ADONET 的 断 开 式 结构 的 核心 组 件 。 设 计 DataSet 的 目的 是 为 了 实现 独立 于 
任何 数据 源 的 数据 访问 ， 可 以 把 它 看 成 是 内 存 中 的 数据 库 ， 是 专门 用 来 处 理 数 据 源 中 读 出 的 
数据 的 。 

DataSet 的 优点 就 是 离线 式 ， 一 旦 读 取 到 数据 库 中 的 数据 后 ， 就 在 内 存 中 建立 数据 库 的 
副本 ， 在 此 之 后 的 操作 ， 直 到 执行 更 新 命令 为 止 ， 所 有 的 操作 都 是 在 内 存 中 完成 的 。 不 管 底 
层 的 数据 库 是 哪 种 类 型 ，DataSet 的 行为 都 是 一 致 的 。 

DataSet 是 数据 表 (DataTable) 的 集合 ， 它 可 以 包含 任意 多 个 数据 表 ， 而 且 每 个 DataSet 中 
的 数据 表 对 应 一 个 数据 源 中 的 数据 表 (Table) 或 者 数据 视图 (View)。 

ASP.NET 数据 访问 程序 的 开发 流程 有 以 下 几 个 步 又。 

(1) 利用 Connection 对 象 创建 数据 连接 。 

(2) 利用 Command 对 象 数据 源 执行 SQL 命令 。 

(3) 利用 DataReader 对 象 读 取 数 据 源 的 数据 。 

(4) DataSet 对 象 与 DataAdapter 对 象 配合 ， 完 成 数据 的 查询 和 更 新 操作 。 


8.1.2 与 数据 有 关 的 命名 空间 


在 ADONET 中 ,连接 数据 源 有 4 种 接口 : SQLClient、OracleClient 、ODBC、OLEDB。 
其 中 SQLClient 是 Microsoft SQL Server 数据 库 专用 连接 接口 ，OracleClient 是 Oracle 数据 库 
专用 连接 接口 ，ODBC 和 OLEDB 可 用 于 其 他 数据 源 的 连接 。 在 应 用 程序 中 使 用 任何 一 种 连 
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接 接 口 时 ， 必 须 在 后 台 代 码 中 引用 相应 的 名 称 空间 ， 类 的 名 称 也 随 之 发 生变 化 ， 如 表 8-1 
所 示 。 


表 8-1 ADO.NET 的 数据 库 命名 空间 及 其 说 明 


命名 空间 说 BB 
System.Data ADO.NET 的 核心 ， 包 含 处 理 非 连接 的 架构 所 设计 的 类 ， 如 DataSet 


System.Data.SqlClient SQL Server 的 .NET 数据 提供 程序 
System.Data.OracleClient | Oracle 的 .NET 数据 提供 程序 


System.Data.OleDb OLE DB 的 .NET 数据 提供 程序 

System.Data.Odbc ODBC 的 .NET 数据 提供 程序 

System Xml 提供 基于 标准 XML 的 类 、 结 构 等 
System.Data.Common 由 .NET 数据 提供 程序 继承 或 者 实现 的 工具 类 和 接口 


8.1.3 ADO.NET 数据 提供 者 


ADO.NET 的 一 个 核心 成 员 一 一 数据 提供 者 (Data Providen) 是 一 个 类 库 ， 它 可 以 被 看 成 是 
数据 库 与 应 用 程序 的 一 个 接口 或 中 间 件 。 由 于 现在 使 用 的 数据 源 种 类 很 多 ， 在 编写 应 用 程序 
的 时 候 就 要 针对 不 同 的 数据 源 编写 不 同 的 接口 代码 ， 工 作 量 很 大 上 且 效率 低下 。 数 据 提供 者 针 
对 这 一 问题 向 应 用 程序 提供 了 统一 的 编程 界面 ， 向 数据 源 提供 了 多 种 数据 源 接口 ， 即 对 数据 
源 进行 了 屏蔽 ， 可 以 使 应 用 程序 不 必 关 心 数 据 源 的 种 类 。 

ADO.NET 提供 与 数据 源 进行 交互 的 公共 方法 ， 但 是 对 于 不 同 的 数据 源 要 采用 一 组 不 同 
的 类 库 。 这 些 类 库 被 称 为 数据 提供 者 ， 数 据 提供 者 的 命名 通常 是 以 与 之 交互 的 协议 和 数据 源 
的 类 型 来 命名 的 。 如 表 8-2 所 示 列 出 了 一 些 常见 的 数据 提供 者 和 人 允许 进行 交互 的 数据 源 类 型 。 


表 8-2 常见 的 数据 提供 者 及 其 支持 的 数据 源 描述 


数据 提供 者 
ODBC Data Provider 


支持 数据 源 的 描述 
提供 ODBC 接口 的 数据 源 , 包括 Access, Oracle, SQL Server, MySql 和 Visual 
FoxPro 等 老式 数据 源 

提供 OLE DB 接口 的 数据 源 ， 比 如 Access、Excel、Oracle 和 SQL Server 


OLE DB Data Provider 


Oracle Data Provider 用 于 Oracle 数据 库 
SQL Data Provider | 用 于 Microsoft SQL Server 7 或 更 高 版 本 、SQL Express 或 MSDE 
Borland Data Provider 许多 数据 库 的 公共 存 取 方式 , 比如 Interbase, SQL Server, IBM DB2 和 Oracle 


NET 数据 提供 者 的 对 象 包括 Connection, Command, DataReader 和 DataAdapter。 下 面 
将 详细 介绍 这 些 对 象 。 


82 ”数据 库 平台 


TE ASP.NET 项 目 中 可 以 使 用 多 种 不 同类 型 的 数据 库 , 包括 Microsoft Access, SQL Server, 
Oracle, SQLite 和 MySQL。 不 过 , 在 ASP.NET Web 站 点 中 最 常用 的 数据 库 是 Microsoft SQL 
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Server。 本 书 采 用 的 是 SQL Server 2012 Express 简体 中 文 版 ， 该 版 本 具备 所 有 可 编程 性 功能 ， 
并 且 具 有 快速 的 零 配置 安 装 和 必 备 组 件 要 求 较 少 的 特点 。 

SQL Server 2012 Express 是 免费 的 ， 读 者 可 以 从 微软 的 官网 上 免费 下 载 ， 在 安装 之 前 需 
要 先 下 载 和 安装 SQL Server Management Studio(SSMS) Express， 这 是 管理 所 有 SQL Server 数 
据 库 的 免费 工具 ， 包 括 LocalDB、Express 和 SQL Server 的 商业 版 。 根 据 上 面 的 描述 ， 安 装 
SQL Server 2012 Express 需要 下 载 两 个 文件 (根据 自己 的 电脑 系统 类 别 选择 64 位 还 是 32 位 )。 

(1) 先 下 载 安装 SSMS， 它 是 用 来 管理 SQL Server 的 图 形 化 界面 。 

64 位 操作 系统 : CHS\x64\SQLManagementStudio x64 CHS.exe 

32 位 操作 系统 : CHS\x86\SQLManagementStudio x86_CHS.exe 

(2) 下 载 安 装 SQL Server 2012 Express。 

64 位 操作 系统 : CHS\x64\SQLEXPR x64_CHS.exe 

32 位 操作 系统 : CHS\x86\SQLEXPR x86_CHS.exe 


1. 安装 SSMS 
本 书 以 32 位 的 操作 系统 为 例 ， 安 装 步骤 如 下 。 


(1) 单 击 SQLManagementStudio x86_CHS.exe 安装 程序 启动 安装 ,会 首先 解压 缩 文件 , 如 
图 8-2 所 示 。 解 压缩 之 后 ， 将 进入 SQL Server 安装 中 心 ， 如 图 8-3 所 示 。 


.Bhs 
EDAG, EEUREEP RE SQL Server 2012 AT 
E SOL Server 2012 PARIENTE, 


IA SQL Server 2005. SQL Server 2008 AE SQL Server 
2008 R2 H% 


82059 , 58 SQL Server 2005. SQL Server 2008 A 
SQL Server 2008 R2 FREY SOL Server 2012, 


Extracting Files 


Edracting Fle: redist'wisualstudoshellvs10sp14b2413561ms 
To Directory: FAN8a2260cd2fa60c0F1a8c9 


[I F Sdi Server212 


图 8-2 解压 缩 安装 程序 图 8-3 SQL Server 安装 中 心 


(2) 如 果 操 作 系统 上 没有 安装 SQL Server 平台 ， 选 择 窗口 右边 第 一 个 超 链接 【全 新 SQL 
Server 独立 安装 或 向 现 有 安装 添加 功能 】， 如 果 要 升级 现 有 的 SQL Server 低 版 本 到 2012 版 
本 , 选择 第 二 个 超 链接 【从 SQL Server 2005, SQL Server 2008 或 SQL Server 2008 R2 升级 】， 
这 里 本 书 讲解 选择 第 一 个 超 链接 。 进 入 软件 的 许可 条 款 窗 口 ， 如 图 8-4 所 示 。 

(3) 选择 【我 接受 许可 条 款 】， 单 击 【 下 一 步 】， 进 入 产品 更 新 界面 ， 如 图 8-5 所 示 。 
如 果 电 脑 当 下 链接 外 网 , 将 搜索 SQL Server 更 新 产品 , 也 可 跳 过 这 个 搜索 过 程 , 直接 单 击 【 下 
一 步 】， 进 入 安装 程序 文件 窗口 ， 如 图 8-6 所 示 。 
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图 8-4 许可 条 款 窗口 图 8-5 产品 更 新 窗口 


(4) 单 击 【安装 】， 进 入 功能 选择 界面 ， 如 图 8-7 所 示 。 可 以 选择 需要 安装 的 功能 和 安 
装 的 路 径 。 可 以 使 用 默认 值 , 单 击 【 下 一 步 】 进入 错误 报告 界面 , 如 图 8-8 所 示 , 【将 windows 
和 SQL Server 错误 报告 发 送 到 Microsoft 或 您 公司 的 报表 服务 器 ， 该 设置 仅 使 用 于 以 无 用 户 
交互 方式 运行 的 服务 (W) 】 如 果 被 勾 选 ， 则 表明 出 错时 将 发 送 错误 报告 。 如 不 需要 可 以 不 
用 勾 选 。 单 击 【下 一 步 】, 将 进入 安装 界面 如 图 8-9 所 示 。 如 果 安 装 顺利 ， 将 出 现 如 图 8-10 
所 示 的 安装 成 功 页 面 。 


p === 


nesis B SOL Server ERS 


teh LE Qt taner 二 + SSTRSTSD. Messi 
asses samasaa sS ru =s parr BEEP MSSE SE 
Be DAEN os rt 


图 8-8 ”错误 报告 界面 


。204 。 ASPNET 4.5 动态 网 站 开发 基础 教程 


a Serer 2017 EEEE ael a 
完成 
SQL sena 20D sags 
sann FE 
外 
ISe EJ e 
| Eeemmz 
asza 
= 
sam 
ENH SG Sesar METE E 
= 了 全 有 于 查 在 和 它 理 对 SQL see MANAR: Pu gn7. FLUEESEFRAR 
en eed nx 


图 8-10 安装 完成 


2. 安装 SQL Server 2012 Express 


(1) 安装 步骤 前 几 步 和 安装 SSMS 一 样 ， 可 参考 图 8-2 到 8-7 所 示 。 

(2) 从 功能 选择 界面 开始 有 所 不 同 ， 如 图 8-11 所 示 ， 同 样 可 以 选择 安装 的 功能 和 安装 的 
路 径 ， 单 击 【 下 一 步 】， 进 入 实例 配置 ， 如 图 8-12 所 示 ， 单 击 【下 一 步 】， 进 行 服务 器 配置 ， 
如 图 8-13 所 示 ， 这 两 个 配置 基本 可 以 使 用 现 有 的 默认 值 。 
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图 8-11 功能 选择 窗口 8-12 ”实例 配置 窗口 


图 8-13 ”服务 器 配置 窗口 
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G) 单 击 【下 一 步 】， 进 入 数据 库 引 擎 配置 窗口 ， 在 窗口 中 ， 一 般 选 择 “ 混 合 模式 ”， 
并 给 SQL 管理 员 帐 号 sa 设置 个 密码 , 但 一 定 要 记 住 这 个 密码 。 然后 把 自己 添加 到 SQL Server 
管理 员 中 。 也 可 以 加 多 个 人 。 建 议 大 家 把 系统 管理 员 帐 号 加 进去 。 如 图 8-14 所 示 。 然 后 一 路 
下 一 步 ， 就 开始 安装 了 ， 稍 等 几 分 钟 就 安装 成 功 了 。 如 图 8-15 所 示 。 
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图 8-14 数据 库 引擎 配置 图 8-15 安装 成 功 


装 完 以 后 ,可 以 在 开始 程序 中 ,找到 Microsoft SQL Server 2012 下 的 SSMS， 用 它 来 登录 
和 使 用 SQL Server 2012。 如 图 8-16、8-17 和 8-18 所 示 。 


Microsoft 
j Microsoft* 
< SQLServer2012 
Management Studio 
sets 


图 8-16 启动 SQL Server 2012 
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图 8-17 登录 界面 
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图 8-18 主 界面 


8.3 使 用 Connection 连接 数据 库 


在 ADONET 对 象 模型 中 ，Connection 对 象 用 于 连接 到 数据 库 和 管理 数据 库 的 事务 。 它 
的 一 些 属性 描述 了 数据 源 和 用 户 身 份 验证 。Connection 对 象 还 提供 一 些 方法 ， 人 允许 程序 员 与 
数据 源 建立 连接 或 者 断 开 连 接 。 不 同 的 数据 源 需要 使 用 不 同 的 类 来 建立 连接 。 例 如 ， 要 连接 
到 Microsoft SQL Server 7.0 以 上 版 本 ， 需 要 选择 SqlConnection 对 象 ; 要 连接 OLE DB 数据 源 
或 者 Microsoft SQL Server 7 或 更 早 版 本 ， 需 要 选择 OleDbConnection 对 象 。Connection 对 象 
根据 不 同 的 数据 源 提供 了 以 下 4 种 数据 库 连接 方式 。 

® System.Data.SqlClient.SqlConnection 

® System.Data.Odbc.OdbcConnection 

® System.Data.OleDb.OleDbConnection 

e System.Data.OracleClient.OracleConnection 

下 面 以 SqlConnection 为 例 介绍 Comection 对 象 的 使 用 , 其 他 连接 方式 与 之 类 似 。 为 了 连 
接 到 数据 源 ， 需 要 一 个 连接 字符 串 。 连 接 字 符 串通 常 由 分 号 隔 开 的 名 称 和 值 组 成 ， 它 指定 数 
据 库 运 行 库 的 设置 。 连 接 字 符 串 中 所 包含 的 典型 信息 包括 数据 库 的 名 称 、 服 务 器 的 位 置 和 用 
户 的 身份 。 还 可 以 指定 其 他 操作 信息 ， 诸 如 连接 超时 和 连接 池 (connection pooling) 设 置 等 。 
Sqlconnection 连接 字符 串 常用 的 参数 如 表 8-3 所 示 。 


表 8-3 Sqlconnection 对 象 的 连接 字符 串 参 数 及 其 说 明 

说 明 
连接 打开 时 使 用 的 SQL Server 数据 库 服务 器 名 称 ， 或 者 是 Microsoft 
Access 数据 库 的 文件 名 ， 可 以 是 local、localhost， 也 可 以 是 具体 数据 库 
服务 器 名 称 
数据 库 的 名 称 


参数 


Data Source 或 Server 


Initial Catalog 或 Database 
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( 续 表 ) 
参 数 说 明 
此 参数 决定 连接 是 否 是 安全 连接 。 可 能 的 值 有 True, False 和 SSPI(SSPI 
Jntegrated Security 


是 True 的 同义词 ) 
SQL Server 帐户 的 登录 名 
SQL Server 登录 密码 


下 面 的 代码 在 Page Load 事件 中 建立 数据 库 连 接 。 


UserID 或 uid 


Password 或 pwd 


using System.Data; 

using System.Data.SqIClient; 

protected void Page_Load(object sender, EventArgs e) 

{ 
// 连 接 的 数据 库 名 为 StudentDB， 用 户 名 为 sa， 用户 密码 为 空 
string strCon ="Data Source=localhost; Initial Catalog=StudentDB; 

Integrated Security=True; User ID=sa; Password="; 

SqlConnection conn = new SqlConnection(strCon); 


) 
如 表 8-4 所 示 列 出 了 SqIConnection 对 象 的 常用 属性 。 
表 8-4 SqlConnection 对 象 的 常用 属性 及 其 说 明 


属 性 说 BB 
ConnectionString 执行 Open 方法 连接 数据 源 的 字符 串 
ConnectionTimeout 尝试 建立 连接 的 时 间 ， 超 过 时 间 则 产生 异常 
Database 将 要 打开 数据 库 的 名 称 
DataSource 包含 数据 库 的 位 置 和 文件 
State 显示 当前 Connection 对 象 的 状态 


注意 : 

除了 ConnectionString 之 外 ,其 他 属性 都 是 只 读 属 性 ,只 能 通过 连接 字符 串 的 标记 配置 数 
据 库 连接 。 

如 表 8-5 所 示 列 出 了 SqlConnection 对 象 的 方法 及 说 明 。 


表 8-5 SqlConnection 的 常用 方法 


PF ë 说 明 
Open 打开 一 个 数据 库 连 接 
Close 关闭 数据 库 连接 ， 使 用 该 方法 可 以 关闭 一 个 打开 的 连接 
ChangeDatabase 改变 当前 连接 的 数据 库 ， 需 要 一 个 有 效 的 数据 库 名 称 


SqlConnection 实例 创建 后 ， 其 初始 状态 是 “关闭 ”， 可 以 调用 Open 方法 来 打开 连接 ， 
使 用 完毕 后 再 用 Close 方法 关闭 连接 。 例 如 以 下 代码 : 
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using System.Data; 
using System.Data.SqlClient: 
protected void Page Load(object sender, EventArgs e) 
{ 
// 连 接 的 数据 库 名 为 StudentDB， 用 户 名 为 sa， 用 户 密码 为 空 
string strCon ="Data Source=localhost; Initial Catalog=StudentDB; Integrated Security=True; 
User ID=sa; Password="; 
SqIConnection conn = new SqIConnection(strCon); 
/打开 数据 库 连 接 
conn.Open(); 
/ 连接 后 的 操作 
// 关 闭 数据 库 连 接 
conn.Close(); 
j 


【 例 8-1】 演 示 如 何 建立 数据 库 连 接 。 

(1) 先 在 SQL Server 2012 中 创建 数据 库 ， 参 照 图 8-18 数据 库 主 界面 ， 选 中 数据 库 单 击 
右键 选择 【新 建 数据 库 ON) .…】， 如 图 8-19 所 示 。 在 弹出 的 新 建 数据 库 窗口 中 创建 数据 库 
MyDatabase mdf， 如 图 8-20 所 示 。 


DANMO PuM0EABA AI 
Ë ARAI sam C 
#9> ov m C 


图 8-19 创建 数据 库 图 8-20 添加 数据 库 


D 在 【服务 器 资源 管理 器 】 中 ， 展 开 数 据 库 节点 MyDatabase mdf。 右 击 【 表 】， 如 图 
8-21 所 示 ， 设 置 student 表 的 字段 如 图 8-22 所 示 。 


5 [J MyDatabase 

aa SESA 

sa 列 名 数据 类 型 允许 Null Ë 
PT FEEN. — W No varchar(10) m 
m S FileTableT)-- Name varchar(50) 

m Ga Eam » Sex char(2) c] 

> 启动 powerSheltH) se: esa m 

— Address varchar(50) m 

m a RRP) la 

ai | Photo varchar(50) 贺 

T RP) m 

omg 


图 8-21 创建 新 表 图 8-22 添加 表 的 属性 
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(3) 创建 完 数据 库 和 表 之 后 ， 新 建 一 个 名 为 Accessdatabase 的 ASP.NET 网 站 。 将 数据 库 
文件 MyDatabase mdf 添加 到 文件 夹 App_ Data 中 。 
(4) 打开 web.config 配置 文件 ， 将 <connectionStrings/> 标 记 用 下 面 的 代码 蔡 换 。 


<connectionStrings> 
<add name="ConnectionString" connectionString="Data Source=.\SQLEXPRESS; 
AttachDbFilename=|DataDirectory\MyDatabase.mdf:Integrated Security=True;User Instance=True"/> 
</connectionStrings> 


JEF, Data Source 表示 SQL Server 2012 数据 库 服务 器 名 称 ，AttachDbFilename 表示 数据 
库 的 路 径 和 文件 名 ，|DataDirectory| 表 示 网 站 默认 的 数据 库 路 径 App_Data。 

(5) 在 网 站 中 添加 一 个 名 为 connection.aspx 的 网 页 ， 切 换 到 【设计 】 视 图 ， 向 该 页 面 中 
拖 放 一 个 Label 控件 ， 使 用 默认 控件 名 称 ， 然 后 在 connection.aspx.cs 中 添加 如 下 代码 。 首 先 
添加 的 是 命名 空间 。 


using System.Data.SqlClient:// 连 接 数 据 库 
using System.Configuration;// 提供 对 客户 端 应 用 程序 配置 文件 


然后 再 添加 如 下 代码 。 


/引用 数据 库 访问 名 称 空间 
protected void Page_Load(object sender, EventArgs e) 
{ 
/从 web.config 配置 文件 取出 数据 库 连 接 串 
string sqlconnstr = Configuration Manager.ConnectionStrings["ConnectionString"].ConnectionString; 
// 建 立 数据 库 连 接 对 象 
SqlConnection sqlconn = new SqIConnection(sqlconnstr): 
/打开 连接 
sqlconn.Open(); 
Labell.Text = "成 功 建立 Sql Server 2012 数据 库 连 接 "; 
// 关 闭 连 接 
sqlconn.Close(); 
sqlconn = null; 


) 
(6) 运行 程序 ， 效 果 如 图 8-23 所 示 。 


文件 日。 S80 SEV 收藏 天 A) IAM #” 
$£ | htpy/localhost53241/connection.aspx 


成 功 建立 Sql Server 2012 数 据 库 连 接 


t Intranet | 保护 模式 : 禁 F fà v R100% ~ 


图 8-23 connection.aspx 运行 效果 
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在 访问 数据 库 的 数据 之 前 ， 需 要 使 用 Connection 对 象 的 Open 方法 打开 数据 库 ， 并 在 完 
成 数据 库 的 操作 之 后 使 用 Connection 对 象 的 Close 方法 将 数据 库 关 闭 。 


8.4 {EM Command 对 象 执行 数据 库 命 令 


与 数据 源 连接 成 功 后 ， 可 以 使 用 Command 对 象 的 数据 库 命令 直接 与 数据 源 进行 通信 。 
这 些 命令 通常 包括 数据 库 查 询 (select)、 更 新 已 有 数据 (update)、 插 入 新 数据 (insert) 和 删除 数据 
(delete)。 许 多 数据 库 都 使 用 结构 化 查询 语言 (SQL) 来 管理 这 些 命令 。Command 对 象 还 可 以 调 
用 存储 过 程 或 从 特定 表 中 取得 记录 。 根 据 连 接 的 数据 源 的 不 同 ， 可 以 分 为 以 下 4 类 。 

e SqlCommand: 用 于 对 SQL Server 数据 库 执行 命令 。 

© OdbcCommand: 用 于 对 支持 ODBC 的 数据 库 执行 命令 。 

e OleDbCommand: 用 于 对 支持 Ole DB 的 数据 库 执行 命令 。 

e OracleCommand: 用 于 对 Oracle 数据 库 执行 命令 。 

下 面 以 SqlCommand 为 例 进行 介绍 ， 其 他 与 之 类 似 。SqlCommand 对 象 的 属性 及 其 说 明 
如 表 8-6 所 示 。 


表 8-6 SqlCommand 对 象 常用 的 属性 及 其 说 明 


属 性 说 明 
Connection 获取 SqlConnection 实例 ， 使 用 该 对 象 对 数据 库 通信 
CommandBehavior 设 定 Command 对 象 的 动作 模式 
CommandType 默认 值 为 Text， 表 示 SQL 语句 、 数 据 表 名 称 或 存储 过 程 
CommandText 类 型 为 string， 命 令 对 象 包含 的 SQL 语句 、 存 储 过 程 或 表 
CommandTimeout 类 型 为 nt， 表示 终止 执行 命令 并 生成 错误 之 前 的 等 待 时 间 


SqlParametersCollection 提供 给 命令 的 参数 集合 


SqlCommand 对 象 常用 的 方法 及 其 说 明 如 表 8-7 所 示 。 


表 8-7 SqICommand 对 象 常用 的 方法 及 其 说 明 


F _ *Ż 说 — BB 
Execute 通过 Connection 对 象 下 达 命 令 至 数据 源 
Cancel 类 型 为 void， 取消 命令 的 执行 
pe 类 型 为 void, 执行 不 返回 结果 的 SQL 语句 ,包括 INSERT、DELELE、UPDATE、 
CREATE TABLE、CREATE PROCEDURE 及 不 返回 结果 的 存储 过 程 
ExecuteReader 类 型 为 SqlDataReader， 执 行 SELECT、TableDirect 或 有 返回 结果 的 存储 过 程 
ExecuteScalar 类 型 为 object， 从 数据 库 中 实现 单个 字段 的 检索 


8.4.1 使 用 Command 对 象 查询 数据 库 的 数据 


使 用 Command 对 象 查询 数据 库 数据 的 一 般 步骤 如 下 : 先 建立 数据 库 连接 ; 然后 创建 
Command 对 象 ， 并 设置 它 的 Connection 和 CommandText 两 个 属性 ， 分 别 表示 数据 库 连接 和 
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需要 执行 的 SQL 命令 ; 接 下 来 使 用 Command 对 象 的 ExecuteReader 方法 ， 把 返回 结果 放 在 
DataReader 对 象 中 ; 最 后 ， 通 过 循环 ， 处 理 数据 库 查 询 结 果 。 

【 例 8-2】 在 【 例 8-1】 的 基础 上 ， 介 绍 如 何 使 用 Command 对 象 查询 数据 库 的 数据 。 

(1) 在 Accessdatabase 网 站 中 添加 一 个 名 为 command _select.aspx 的 网 页 , 切换 到 【设计 】 
视图 ， 向 该 页 面 拖 放 一 个 Label 控件 ， 使 用 默认 控件 名 称 。 

(2) 先 添加 一 些 数据 到 表 Student F, 右 击 Student 结 点 , 单 击 【显示 表 数 据 】， 如 图 8-24 
所 示 ， 可 以 添加 几 条 记录 做 以 后 测试 代码 使 用 ， 如 图 8-25 所 示 。 


4 ñ misis 
a @ MyDatabase.mdf 
4 m = 


六 No Name Sex Birth Address Photo 
可 1 Tom M 1999/3/5 0:00... BeiJing Ljpg 
2 P F 1988/5/6 0:00.. AUS 2j 

X meo Del = ws jpg 
3 Jak M 1986/6/10 0:0.. ShangHai  3jpg 
a mo 4 Rose F 1993/12/3 0:0.. ShenZhen 4jpg 
2 ms ee ” NUL NUU NUU NULL NULL 

= — a = aE mE h 

图 8-24 显示 表 数 据 图 8-25 显示 和 添加 表 中 数据 


(3) 在 command _ selectaspx.cs 文件 中 添加 如 下 代码 。 


/引用 数据 库 访问 名 称 空间 

using System.Data.SqlClient'; 

using System.Configuration; 

protected void Page _Load(object sender, EventArgs e) 

t 
Labell.Text = ""; 
string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
// 建 立 Command 对 象 
SqlCommand sqlcommand = new SqlCommand(); 

// 给 sqlcommand 的 Connection 属性 赋值 
sqlcommand.Connection = sqlconn; 
/打开 连接 
sqlconn.Open(); 
/SQL 命令 赋值 
sqlcommand.CommandText = "select * from student"; 
// 建 立 DataReader 对 象 ， 并 返回 查询 结果 
SqlDataReader sqldatareader=sqlcommand.ExecuteReader(); 
// 逐 行 遍历 查询 结果 
while(sqldatareader.Read()) 
{ 


Labell.Text += sqldatareader.GetString(0) + " "; 
Labell.Text += sqldatareader.GetString(1) +" "; 
Labell.Text += sqldatareader.GetString(2) + " "; 
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Labell.Text += sqldatareader.GetDateTime(3) + " "; 
Labell.Text += sqldatareader.GetString(4) + " "; 
Labell.Text += sqldatareader.GetString(5) + "<br />"; 

7: 

sqlcommand = null; 

sqlconn.Close(); 

sqlconn = null; 


) 
(4) 程序 的 运行 效果 如 图 8-26 所 示 。 


O XHA RAE SEV SERA) IAM 帮助 (H) 
fk | http//localhost53241/command_select.aspx 


1 Tom M 1999/3/5 0:00:00 BeiJing 1 jpg 

2 Sam F 1988/5/6 0:00:00 AUS 2 jpg 

3 Jack M 1986/6/10 0:00:00 ShangHai 3.jpg 
4 Rose F 1993/12/3 0:00:00 ShenZhen 4.jpg 


(CETE fà v R10% ~ 


图 8-26 command select.aspx 的 运行 效果 


8.4.2 ”使 用 Command 对 象 增 加 数据 库 的 数据 


使 用 Command 对 象 向 数据 库 增加 数据 的 一 般 步 骤 为 : 先 建立 数据 库 连 接 ;， 然 后 创建 
Command 对 象 ， 并 设置 它 的 Connection 和 CommandText 两 个 属性 ， 使 用 Command 对 象 的 
Parameters 属性 来 设置 输入 参数 ， 最 后 ， 使 用 Command 对 象 的 ExecuteNonquery 方法 执行 数 
据 库 数据 增加 命令 ，ExecuteNonquery 方法 表示 要 执行 的 是 没有 返回 数据 的 命令 。 


【 例 8-3】 演 示 如 何 使 用 Command 对 象 向 
数据 库 中 增加 新 数据 。 Di Oe 
(1) 在 【解决 方案 资源 管理 器 】 中 ， 右 击 /eo estes | ENA 
网 站 名 ， 从 弹出 的 快捷 菜单 中 选择 【新 建文 件 学 号 
夹 】 命 令 ， 新 建文 件 夹 ， 命 名 为 mages， 用 于 nom 
存放 学 生 照 片 。 sga 
(2) 在 Accessdatabase 网 站 中 添加 一 个 名 地址， 
为 command insertaspx 的 网 页 。 RA: 
(3) 设计 command insertaspx 页 面 如 图 pia 5 z 
8-27 所 示 。 = — 
对 应 【 源 】 视 图 中 的 代码 如 下 : 图 8-27 commandinsert.aspx 的 设计 页 面 


<table style="width: 320px; height: 240px"> 
<tr> 
<td style="width: 100px; text-align: right"> 学 号 : </td> 
<td style="width: 220px"> 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td> </tr> 
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<tr> 
<td style="width: 100px; text-align: Tight"> 姓名 : </td> 
<td style="width: 220px"> 
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td> </tr> 
<tr> 
<td style="width: 100px; text-align: right"> 性 别 : </td> 
<td style="width: 220px"> 
<asp:DropDownList ID="DropDownList1" runat="server"> 
<asp:ListItem Selected="True"> 男 </asp:ListItem> 
<asp:ListItem> 女 </asp:ListItem> 
</asp:DropDownList> </td> </tr> 
<t> 
<td style="width: 100px; text-align: right"> 出 生日 期 ， </td> 
<td style="width: 220px"> 
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></td> </tr> 
<tr> 
<td style="width: 100px: text-align: right"> 地 址 : </td> 
<td style="width: 220px"> 
<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox></td> </tr> 
<tr> 
<td style="width: 100px: text-align: right"> 照片 : </td> 
<td style="width: 220px"> 
<asp:FileUpload ID="FileUpload1" runat="server" /></td> </tr> 
<tr> 
<td colspan="2" style="text-align: center"> 
<asp:Button ID="Button1" runat="server" Text=" 提 交 " OnClick="Button1_Click" /></td> </tr> 
</table> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 


(4) 双击 【设计 】 视 图 中 的 【提交 】 按 钮 ， 添 加 如 下 代码 。 


using System.Data.SqIClient; 
using System.Configuration; 
protected void Button1_Click(object sender, EventArgs e) 
{ 
string sqlconnstr = Configuration Manager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqIConnection(sqlconnstr): 
// 建 立 Command 对 象 
SqlCommand sqlcommand = new SqlCommand(); 
sqlcommand.Connection = sqlconn; 
/把 SQL 语句 赋 给 Command 对 象 
sqlcommand.CommandText = "insert into student(no,name,sex,birth,address,photo) 
values (@no,@name,@sex,@birth,@address.@photo)"; 
sqlcommand.Parameters.AddWithValue("@no",TextBox1.Text); 
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sqlcommand.Parameters.AddWithValue("@name",TextBox2.Text); 
sqlcommand.Parameters.AddWithValue("@sex",DropDownList1. Text); 
sqlcommand.Parameters.AddWithValue("(@birth",TextBox3.Text); 
sqlcommand.Parameters.AddWithValue("(@address",TextBox4.Text); 
sqlcommand.Parameters.AddWithValue("@photo",FileUpload1.FileName); 


try 
{ 
/打开 连接 
sqlconn.Open(); 
/执行 SQL 命令 
sqlcommand.ExecuteNonQuery(); 
// 把 学 生 的 照片 上 传 到 网 站 的 images 文件 夹 中 
if (FileUpload1.HasFile = true) 
{ 
FileUpload1.SaveAs(Server.MapPath(("—/images/") + FileUpload1.FileName)); 
} 
Labell.Text = "成 功 追 加 记录 "; 
b 
catch (Exception ex) 
{ 
Labell.Text = "错误 原因 : "+ ex.Message; 
} 
finally 
{ 
sqlcommand = null; 
sqlconn.Close(); 
sqlconn = null; 
i 
) 


(5) 运行 程序 ， 如 果 插 入 成 功 ，Lable 将 显示 “成 功 追 加 记录 ”。 
使 用 Command 对 象 对 数据 库 的 修改 和 插入 差不多 , 只 是 sql 语句 的 不 同 , 这 里 将 不 再 举 
例 说 明 。 


8.4.3 ”使 用 Command 对 象 删除 数据 库 的 数据 


使 用 Command 对 象 删除 数据 库 数 据 的 一 般 步 骤 为 : 先 建立 数据 库 连 接 ， 然 后 创建 
Command 对 象 ， 设 置 它 的 Connection 和 CommandText 两 个 属性 ， 并 使 用 Command 对 象 的 
Parameters 属性 来 传递 参数 ， 最 后 ， 使 用 Command 对 象 的 ExecuteNonquery 方法 执行 数据 删 
除 命 令 。 

【 例 8-4】 使 用 Command 对 象 删除 数据 。 

(1) 在 Accessdatabase 网 站 中 添加 一 个 名 为 command delete.aspx 的 网 页 。 

(2) IJ command _delete.aspx 页 面 中 添加 一 个 Label 控件 、 一 个 TextBox 控件 和 一 个 Button 
控件 ， 其 中 Button 控件 作为 【删除 】 按 钮 ， 添 加 代码 如 下 : 
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输入 要 删除 记录 的 No: <br/> 
&nbsp;<asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox> 
&nbsp;<asp:Button ID="Button1" runat="server" Text=" 删 除 " OnClick="Buttonl_Click"/><br /> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 


(3) 双击 【设计 】 视 图 中 的 【删除 】 按 钮 ， 添 加 如 下 代码 。 


using System.Data.SqlClient; 

using System.Configuration; 

protected void Button1_Click(object sender, EventArgs e) 

{ 
int intDeleteCount: 
string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
// 建 立 Command 对 象 
SqlCommand sqlcommand = new SqlCommand(); 
// 给 Command 对 象 的 Connection 和 CommandText 属性 赋值 
sqlcommand.Connection = sqlconn; 
sqlcommand.CommandText = "delete from student where no=(@no"; 
sqlcommand.Parameters.AddWithValue("@no",TextBox1.Text); 


try 
{ 
sqlconn.Open(); 
intDeleteCount=sqlcommand.ExecuteNonQuery(); 
if (intDeleteCount>0) 
Labell.Text = "Sql 删除 成 功 "; 
else 
Labell.Text = "该 记录 不 存在 "; 
} 
catch (Exception ex) 
{ 
Labell.Text = "错误 原因 : "+ex.Message; 
finally 
ú 


sqlcommand = null; 
sqlconn.Close(); 


sqlconn = null; 


) 
(4) 程序 的 运行 效果 如 图 8-28 所 示 。 
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Ejhttp://localhost:9734/Accessdata... -OJ 


XPD SED FEV KEW IAV i” Q 
Ome- O- AAIR ARo” 
地 址 四 ) [Æ] http://localhost:9734/Accessdatabase M) EJ #2 
n 
输入 要 删除 记录 的 No: 
a 
该 记录 不 存在 
> 
ED JE Intranet 


图 8-28 command delete.aspx 的 运行 效果 


8.5 使 用 DataAdapter 对 象 和 DateSet 对 象 


8.5.1 DataAdapter 对 象 简介 


DataAdapter 对 象 起 着 Connection 对 象 和 DataSet 对 象 之 间 的 桥梁 作用 ， 能 够 保存 和 检索 
数据 。 通 过 它 的 Fill 方法 可 以 把 数据 库 中 的 数据 填充 到 DataSet 中 ， 通 过 它 的 Update 方法 按 
相反 的 方向 将 数据 保存 到 数据 库 中 。 根 据 不 同 的 数据 源 ， 可 以 分 为 以 下 4 类 。 

© SqlDataAdapter: 用 于 对 SQL Server 的 数据 库 执行 命令 。 

© OdbcDataAdapter 用 于 对 支持 ODBC 的 数据 库 执行 命令 。 

è OleDbDataAdapter: 用 于 对 支持 OLEDB 的 数据 库 执行 命令 。 

è ”OracleDataAdapter 用 于 对 支持 Oracle 的 数据 库 执行 命令 。 

下 面 以 SqiData Adapter 为 例 进行 介绍 ， 其 他 与 之 类 似 。SqlDataAdapter 对 象 常用 的 属性 
及 其 说 明 如 表 8-8 所 示 。 


表 8-8 SqlDataAdapter 常用 的 属性 及 其 说 明 


获取 或 设置 一 个 语句 或 存储 过 程 ， 用 于 在 数据 源 中 选择 记录 
获取 或 设置 一 个 语句 或 存储 过 程 ， 以 在 数据 源 中 插入 新 记录 
获取 或 设置 一 个 语句 或 存储 过 程 ， 用 于 更 新 数据 源 中 的 记录 


SelectCommand 


InsertCommand 


UpdateCommand 


DeleteCommand 获取 或 设置 一 个 语句 或 存储 过 程 ， 用 于 从 数据 集中 删除 记录 


SqlDataAdapter 对 象 常 用 的 方法 及 其 说 明 如 表 8-9 所 示 。 
表 8-9 SqlDataAdapter 常用 的 方法 及 其 说 明 
方 。 法 说 BB 
Fill | 把 数据 库 的 数据 填充 到 DataSet 中 


Update 对 DataSet 中 的 数据 进行 插入 、 更 新 、 删 除 等 操作 
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8.5.2 Dataset 对 象 简介 


DataSet 是 ADONET 的 核心 对 象 之 一 。DataSet 为 数据 源 提供 了 一 个 断 开 式 的 存储 ， 即 
从 数据 库 完成 数据 抽取 后 , DataSet 就 是 数据 的 存放 地 , 它 是 各 种 数据 源 中 的 数据 在 计算 机 内 
存 中 映射 成 的 缓存 ， 可 以 把 它 想象 成 一 个 临时 的 内 存 数 据 库 ， 可 以 存放 多 个 表 (DataTable)， 
而 且 是 断 开 式 的 ， 不 用 每 进行 一 次 操作 就 对 数据 库 进 行 一 次 更 新 ， 从 而 提高 了 效率 。 同 时 ， 
它 在 客户 端 实现 读 取 、 更 新 数据 库 等 过 程 中 ， 起 到 了 中 间 部 件 的 作用 。 

使 用 NET 平台 语言 开发 数据 库 应 用 程序 ， 一 般 并 不 直接 对 数据 库 操作 (直接 在 程序 中 调 
用 存储 过 程 等 除外 )， 而 是 先 完 成 数据 连接 和 通过 DataAdapter 填充 DataSet 对 象 ， 然 后 客户 
端 再 通过 读 取 DataSet 来 获得 需要 的 数据 , 同样, 更 新 数据 库 中 的 数据 ,也 是 首先 更 新 DataSet, 
然后 再 通过 DataSet 来 更 新 数据 库 中 对 应 的 数据 。DataSet 主要 有 以 下 3 个 特性 。 

e 独立 性 :DataSet 独立 于 各 种 数据 源 。 微 软 公司 在 推出 Dataset 时 就 考虑 到 各 种 数据 
源 的 多 样 性 、 复 杂 性 。 在 NET P, 无 论 什 么 类 型 的 数据 源 ，DataSet 都 会 提供 一 致 的 
关系 编程 模型 。 

o WIFFE: Dataset 可 以 以 离线 方式 和 实时 连接 来 操作 数据 库 中 的 数据 。 这 一 点 有 
点 像 ADO 中 的 RecordSet。 

© DataSet 对 象 是 一 个 可 以 用 XML 表示 的 数据 视图 ， 是 一 种 数据 关系 视图 。 

DataSet 对 象 模型 如 图 8-29 所 示 。 


DataRelationCollection 
DataTableCollection 
DataTable 


ExtendedProperties 


DataRowCollection 


DataColumnCollection 
ExtendedProperties 


图 8-29 DataSet 对 象 模型 


每 个 DataSet 是 一 个 或 多 个 DataTable 对 象 的 集合 ， 这 些 对 象 由 数据 行 、 数 据 列 、 主 键 、 
外 键 、 约 束 和 有 关 DataTable 对 象 中 数据 的 关系 信息 组 成 。DataSet 中 的 表 用 DataTable 来 表 
示 , 一 个 DataSet 里 面 可 以 包含 多 个 DataTable， 这 些 Data Table 就 构成 了 DataTableCollection 
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IJR. A DataTable 中 都 包含 一 个 ColumnsColleciton 对 象 和 一 个 RowsCollection 对 象 。 各 
个 DataTable 之 间 的 关系 通过 DataRelation 来 表示 ， 这 些 DataRelation 构成 的 集合 就 是 


DataRelationsCollection 对 象 。 而 ExtendedProperties 对 象 
新 时 间 等 。 


来 定义 特定 的 信息 ， 比 如 密码 、 更 


类 似 的 ，DataTable 对 象 有 一 个 DataColumnCollection 对 象 和 一 个 DataRowCollection 对 
象 ， 各 自 的 属性 为 DataColumn 和 DataRow 。 可 以 在 DataTable 上 定义 约束 比如 
UniqueConstraint， 这 是 一 个 表现 为 Constraints 属性 的 集合 ， 可 以 赋值 为 一 组 Constraint 类 型 
的 对 象 ， 或 是 从 Constraint 对 象 继承 而 来 的 对 象 。DataTable 内 部 的 DataRelation 集合 对 应 于 
父 关系 (ParentRelations) 和 子 关系 (ChildRelations)， 二 者 建立 了 DataTable 之 间 的 连接 。DataSet 


的 对 象 及 其 功能 如 表 8-10 所 示 。 


表 8-10 DataSet 的 对 象 及 其 功能 


对 “< 功 能 
DataTable 使 用 行 、 列 形式 来 组 织 的 一 个 矩形 数据 集 
DataColumn -个 规则 的 集合 ， 决 定 将 什么 数据 存储 到 一 个 DataRow 中 
DataRow 由 单行 数据 库 数据 构成 的 一 个 数据 集合 ， 该 对 象 是 实际 的 数据 存储 
Constraint 决定 能 进入 DataTable 的 数据 
DataRelation 描述 了 不 同 的 DataTable 之 间 如 何 关 联 


DataSet 对 象 的 主要 属性 及 其 说 明 如 表 8-11 所 示 。 


表 8-11 DataSet 常用 属性 及 其 说 明 


属 性 说 明 
DataSetName 获得 或 设置 当前 Dataset 对 象 的 名 称 
Tables 获取 包含 在 DataSet 中 的 表 的 集合 
Relations 获取 用 于 将 表 连 接 起 来 并 允许 从 父 表 浏览 到 子 表 的 关系 的 集合 
HasErrors 表明 是 否 已 经 初始 化 DataSet 对 象 的 值 


DataSet 对 象 的 主要 方法 及 其 说 明 如 表 8-12 所 示 。 


表 8-12 DataSet 常用 的 方法 及 其 说 明 


BF 法 说 BB 

clear 清除 DataSet 对 象 中 所 有 表 的 所 有 数据 

复制 DataSet 对 象 的 结构 到 另外 一 个 DataSet 对 象 中 ， 复 制 内 容 包括 所 有 的 结构 、 
关系 和 约束 ， 但 不 包含 任何 数据 
复制 DataSet 对 象 的 数据 和 结构 到 另外 一 个 DataSet 对 象 中 。 两 个 DataSet 对 象 完 

copy 全 一 样 

Gata ss 为 每 个 DataTable 对 象 返 回 带 有 一 个 结果 集 的 DataTableReader， 顺 序 与 Tables $ 
合 中 表 的 显示 顺序 相同 

Dispose 释放 DataSet 对 象 占用 的 资源 

Reset 将 DataSet 对 象 初始 化 
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8.5.3 ”查询 数据 库 的 数据 


使 用 Data Adapter 对 象 和 DataSet 对 象 查询 数据 库 数据 的 一 般 步骤 如 下 : 首先 建立 数据 库 
连接 ; 然后 利用 数据 库 连接 和 SELECT 语句 建立 DataAdapter 对 象 ,并 使 用 Data Adapter 对 象 
的 Fil 方法 把 查询 结果 放 在 Dataset 对 象 的 一 个 数据 表 中 ; 接 下 来 ， 将 该 数据 表 复制 到 
DataTable 对 象 中 ; 最 后 ， 实 现 对 DataTable 对 象 中 数据 的 查询 。 

【 例 8-5】 演 示 如 何 使 用 DataAdapter 对 象 查 询 数 据 库 的 数据 。 

(1) 在 Accessdatabase 网 站 中 添加 一 个 名 为 DataAdapter_select.aspx 的 网 页 ， 切 换 到 【 设 
计 】 视 图 ， 向 该 页 面 拖 放 一 个 Label 控件 ， 使 用 默认 的 控件 名 称 。 

(2) 在 DataAdapter_select.aspx.cs 文件 中 添加 如 下 代码 。 


/引用 数据 库 访问 名 称 空间 
using System.Data.SqlClient'; 
using System.Configuration; 
using System.Data; 
protected void Page_Load(object sender, EventArgs e) 
í 
string sqlconnstr = Configuration Manager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqIConnection(sqlconnstr): 
// 建 立 DataSet 对 象 
DataSet ds = new DataSet(); 
/建立 DataTable 对 象 
DataTable dtable; 
/建立 DataRowCollection 对 象 
DataRowCollection coldrow: 
/建立 DataRow 对 象 
DataRow drow; 
/打开 连接 
sqlconn.Open(); 
// 建 立 DataAdapter 对 象 
SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn); 
// 用 Fl 方法 返回 的 数据 ， 填 充 DataSet， 数 据 表 命 名 为 tabstudent 
sqld.Fill(ds, "tabstudent"); 
// 将 数据 表 tabstudent 的 数据 复制 到 DataTable 对 象 
dtable = ds.Tables["tabstudent"]; 
// 用 DataRowCollection 对 象 获取 这 个 数据 表 的 所 有 数据 行 
coldrow = dtable.Rows; 
// 逐 行 遍历 ， 取 出 各 行 的 数据 
Labell.Text = ""; 
for (int inti = 0; inti < coldrow.Count; inti++) 


{ 


drow = coldrow[inti]: 
Labell.Text += "学 号 : "+ drow[0]; 
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Labell.Text +=" 姓名 : "+ drow[1]: 
Labell.Text += "人 性别: "+ drow[2]: 
Labell.Text +=" 出 生日 期 : "+ drow[3]; 
Labell.Text +=" 地址: "+ drow[4] + "<br />"; 

} 

sqlconn.Close(); 

sqlconn = null; 


) 
(3) 程序 运行 效果 如 图 8-30 所 示 。 


XAA REO SSO) GERA) IAM WAH 
$£ Æ http//localhost:53241/DataAdapter_select.as... 


学 号 ，1 姓名 ，Tom 性 别 ，M 出 生日 期 ，1999/3/5 0:00:00 地 址 ，BeiJing 
学 号 ，2 姓 名 ，Sam 性 别 ，F 出 生日 期 ，1988/5/6 0:00:00 地 址 ，AUS 
学 号 ，3 姓名 ，Jack 性 别 ，M 出 生日 期 ，1986/6/10 0:00:00 地 址 ，ShangHai 
学 号 ，4 姓名 ，Rose 性 别 ，F 出 生日 期 ，1993/12/3 0:00:00 地 址 ，ShenZhen 


& 本 地 Intranet | 保护 模式 : 禁用 fà v 10% ~ | 


图 8-30 DataAdapter _select.aspx 运行 效果 


关于 显示 DataSet 中 的 数据 还 有 更 简单 的 方法 ， 就 是 绑 定 GridView 控件 ， 详 细 内 容 将 在 
第 9 章 介 绍 。 


8.5.4 ”修改 数据 库 的 数据 


使 用 Data Adapter 对 象 和 DataSet 对 象 修改 数据 库 数据 的 一 般 步 又 如 下 : 首先 建立 数据 库 
连接 : 然后 利用 数据 库 连 接 和 SELECT 语句 建立 DataAdapter 对 象 ; 并 配置 它 的 
UpdateCommand 属性 ， 定 义 修改 数据 库 的 UPDATE 语句 ; 使 用 DataAdapter 对 象 的 Fill 方法 
把 SELECT 语句 的 查询 结果 放 在 DataSet 对 象 的 数据 表 中 ; 接 下 来 将 该 数据 表 复 制 到 
DataTable 对 象 中 ， 最 后 修改 DataTable 对 象 中 的 数据 ， 并 通过 DataAdapter 对 象 的 Update 方 
法 向 数据 库 提 交 修 改 数据 。 

[J 8-6】 演示 如 何 使 用 DataAdapter 对 象 和 DataSet 对 象 修改 数据 库 的 数据 。 

(1) 在 Accessdatabase 网 站 中 添加 一 个 名 为 Data Adapter update.aspx 的 网 页 。 

(2) 向 DataAdapter update.aspx.cs 中 添加 如 下 代码 。 


using System.Data.SqIClient; 
using System.Configuration: 
using System.Data; 
protected void Page Load(object sender, EventArgs e) 
{ 
string sqlconnstr = 
Configuration Manager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
//# sr. DataSet 对 象 
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DataSet ds = new DataSet(); 

// 建 立 DataTable 对 象 

DataTable dtable: 

/建立 DataRowCollection 对 象 

DataRowCollection coldrow; 

/建立 DataRow 对 象 

DataRow drow; 

/打开 连接 

sqlconn.Open(); 

// 建 立 DataAdapter 对 象 

SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn); 

// 自 己 定义 Update 命令， 其 中 @NAME，@NO 是 两 个 参数 

sqld.UpdateCommand = new SqlCommand("UPDATE student SET NAME =@NAME WHERE 
NO = @NO", sqlconn); 

// 定 义 @NAME 参数 ， 对 应 于 student 表 的 NAME 列 

sqld.UpdateCommand.Parameters.Add("@NAME", SqlDbType.VarChar, 50, "NAME"); 

/定义 @NO 参数 ， 对 应 于 student 表 的 NO 列 ， 而 且 @NO 是 修改 前 的 原 值 

SqlParameter parameter = sqld.UpdateCommand.Parameters.Add("(@NO", SqIDbType.VarChar, 10); 

parameter.SourceColumn = "NO"; 

parameter.SourceVersion = DataRowVersion.Original: 

/用 Fill 方法 返回 的 数据 ， 填 充 DataSet， 数 据 表 命名 为 tabstudent 

sqld.Fill(ds, "tabstudent"); 

/将 数据 表 tabstudent 的 数据 复制 到 DataTable 对 象 

dtable = ds.Tables["tabstudent"]; 

/用 DataRowCollection 对 象 获 取 这 个 数据 表 的 所 有 数据 行 

coldrow = dtable.Rows; 

/修改 操作 ， 逐 行 遍 历 ， 取 出 各 行 的 数据 


for (int inti = 0; inti < coldrow.Count inti++) 


{ 
drow = coldrow[inti]; 
// 给 每 位 学 生 姓名 后 加 上 字母 A 
drow[1]=drow[1]+"A": 

) 

/提交 更 新 


sqld.Update(ds, "tabstudent"); 
Response.Write(" 更 新 成 功 <hr>"); 
sqlconn.Close(); 
sqlconn = null: 
Response.Wriite("<h3> 成 功 关闭 SQL Server 数据 库 的 连接 </h3><hr>"); 
) 


(3) 程序 的 运行 效果 如 图 8-31 所 示 。 
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文件 (月 S26) EEV) SERA IAT 帮助 (H) 
f | htp:Wlocalhost53241/DataAdapter update 


更 新 成 功 


成 功 关闭 SQL Server 数 据 库 的 连接 


=F @& 本 地 Intranet | 保护 模式 : 禁用 


图 8-31 DataAdapter_update.aspx 的 运行 效果 


8.5.5 ”增加 数据 库 的 数据 


使 用 DataAdapter 对 象 和 DataSet 对 象 增加 数据 库 数据 的 一 般 步骤 如 下 : 首先 建立 数据 库 
连接 ; 然后 利用 数据 库 连 接 和 SELECT 语句 建立 DataAdapter 对 象 ， 建立 CommandBuilder 
对 象 以 便 自动 生成 DataAdapter 的 Command 命令 ， 否 则 ， 就 要 自己 给 UpdateCommand、 
InsertCommand、DeleteCommand 属性 定义 SQL 更 新 语句 ; 使 用 DataAdapter 对 象 的 Fill 方法 
把 SELECT 语句 的 查询 结果 放 在 DataSet 对 象 的 数据 表 中 ; 接 下 来 将 该 数据 表 复制 到 
DataTable 对 象 中 ， 最 后 向 DataTable 对 象 增加 数据 记录 ， 并 通过 DataAdapter 对 象 的 Update 
方法 向 数据 库 提交 数据 。 

【 例 8-7】 演 示 如 何 使 用 DataAdapter 对 象 增加 一 条 学 生 记录 。 

(1) 在 Accessdatabase 网 站 中 添加 一 个 名 为 DataAdapter_insert.aspx 的 网 页 。 

(2) IJ Data Adapter_insert.aspx.cs 添加 如 下 代码 。 


using System.Data.SqIClient; 
using System.Configuration; 
using System.Data; 
protected void Page_Load(object sender, EventArgs e) 
{ 
string sqlconnstr = 
ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqIConnection(sqlconnstr): 
DataSet ds = new DataSet(); 
DataTable dtable; 
DataRow drow; 
/打开 连接 
sqlconn.Open(); 
SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn): 
// sy. CommandBuilder 对 象 来 自动 生成 Data Adapter 的 Command 命令 , 否则 就 要 自己 编写 
//Insertcommand ,deletecommand , updatecommand 命令 。 
SqlCommandBuilder cb = new SqlCommandBuilder(sqld): 
/用 Fill 方法 返回 的 数据 ， 填 充 DataSet， 数 据 表 取 名 为 “tabstudent” 
sqld.Fill(ds, "tabstudent"): 
// 将 数据 表 tabstudent 的 数据 复制 到 DataTable 对 象 
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dtable = ds.Tables["tabstudent"]; 

// 增 加 新 记录 

drow = ds.Tables["tabstudent"].NewRow(); 

drow[0] = "19"; 

drow[1] = " 陈 峰 "; 

drow[2] = "B"; 

ds.Tables["tabstudent"].Rows.Add(drow); 

/提交 更 新 

sqld.Update(ds, "tabstudent"); 

Response.Write( "增加 成 功 <hr>"); 

sqlconn.Close(): 

sqlconn = null; 

Response.Write("<h3> 成 功 关闭 SQL Server 数据 库 的 连接 </h3><hr>"); 
} 


(3) 程序 的 运行 效果 类 似 图 8-31 所 示 。 
8.56 ”删除 数据 库 的 数据 


使 用 Data Adapter X} RFI DataSet 对 象 删除 数据 库 数 据 的 一 般 步 又 如 下 : 首先 建立 数 
据 库 连 接 ， 然后 利用 数据 库 连接 和 SELECT 语句 建立 DataAdapter 对 象 ; 建立 
CommandBuilder 对 象 自 动 生 成 DataAdapter 的 Command 命令 ; 使 用 DataAdapter 对 象 的 
Fill 方法 把 SELECT 语句 的 查询 结果 放 在 Dataset 对 象 的 数据 表 中 ， 接 下 来 将 该 数据 表 复 
制 到 DataTable 对 象 中 ;最 后 删除 DataTable 对 象 中 的 数据 ， 并 通过 Data Adapter 对 象 的 
Update 方法 向 数据 库 提 交 数 据 。 

【 例 8-8】 演 示 如 何 使 用 DataAdapter 对 象 删除 符合 条 件 的 学 生 记录 。 

(1) 在 Accessdatabase 网 站 中 添加 一 个 名 为 DataAdapter_delete.aspx 的 网 页 。 

(2) 向 DataAdapter_delete.aspx.cs 添加 如 下 代码 。 


using System. Data.SqlClient; 
using System.Configuration; 
using System.Data; 
protected void Page_Load(object sender, EventArgs e) 
{ 
string sqlconnstr = 
ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
DataSet ds = new DataSet(); 
DataTable dtable; 
DataRowCollection coldrow; 
DataRow drow; 
sqlconn.Open(); 
//# sr. Data Adapter 对 象 
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SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn ); 
/建立 CommandBuilder 对 象 来 自动 生成 Data Adapter 的 Command 命令 , 否则 就 要 自己 编写 


//Insertcommand ,deletecommand , updatecommand 命令 
SqlCommandBnuilder cb = new SqlCommandBuilder(sqld); 


//H Fill 方法 返回 的 数据 ， 填 充 DataSet， 数 据 表 命名 为 tabstudent 


sqld.Fill(ds, "tabstudent"); 
dtable = ds.Tables["tabstudent"]; 
coldrow = dtable.Rows; 
// 逐 行 遍历 ， 删 除 地 址 为 空 的 记录 
for (int inti = 0; inti < coldrow.Count; inti++) 
í 
drow = coldrow[inti]; 
if (drow["address"].ToString0 = "") 
drow.Delete(); 
// 提 交 更 新 
sqld.Update(ds, "tabstudent"); 
Response.Write( "删除 成 功 <hr>"); 
sqlconn.Close(); 
sqlconn = null; 


Response.Write("<h3> 成 功 关 闭 SQL Server 数据 库 的 连接 </h3><hr>"); 


} 
(3) 程序 的 运行 效果 类 似 如 图 8-31 所 示 。 


8.6 ”连接 池 技 术 


连接 到 数据 库 服 务 通常 需要 一 定 的 时 间 ， 并 且 服 务 器 会 消耗 一 些 资源 来 进行 连接 。 如 果 
一 个 应 用 程序 需要 大 量 地 与 数据 库 进行 交互 ， 则 很 可 能 会 造成 假死 以 及 崩溃 的 情况 。 使 用 连 


接 池 能 够 很 好 地 提高 应 用 程序 的 性 能 。 
连接 池 是 SQL Server 或 OLEDB 数据 源 的 功能 ， 它 可 以 使 特定 的 用 户 习 


E 复 使 用 连接 ， 数 


据 库 连接 池 技术 的 思想 非常 简单 ， 将 数据 库 连接 作为 对 象 存储 在 一 个 Vector 对 象 中 ， 一旦 数 


据 库 连 接 建立 后 ， 不 同 的 数据 库 访问 请 求 就 可 以 共享 这 些 连接 。 这 样 ， 通 过 复 用 这 些 已 经 建 


立 的 数据 库 连 接 ， 可 以 极 大 地 节省 系统 资源 和 时 间 。 连 接 池 的 主要 操作 如 下 所 述 。 


o 建立 数据 库 连 接 池 对 象 。 


° 对 于 一 个 数据 库 访问 请 求 ， 直 接 从 连接 池 中 得 到 一 个 连接 。 如 果 数据 库 连 接 池 对 象 
中 没有 空闲 的 连接 ， 且 连接 数 没有 达到 最 大 ， 则 创建 一 个 新 的 数据 库 连接 。 


° 存 取 数据 库 。 
e° 关闭 数据 库 ， 释 放 所 有 数据 库 连 接 。 
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e 释放 数据 库 连 接 池 对 象 。 

当 业 务 对 数据 库 进行 复杂 的 操作 ， 并 不 停 地 打开 和 断 开 数 据 库 连接 ， 会 造成 应 用 程序 性 
能 降低 ， 因 为 重复 地 打开 和 断 开 数据 库 连接 是 非常 消耗 资源 的 ， 而 使 用 连接 池 则 可 以 避免 这 
样 的 问题 。 连 接 池 并 不 会 真正 地 完全 关闭 数据 库 与 应 用 程序 的 连接 ， 而 是 将 这 些 连接 存放 在 
应 用 程序 连接 池 中 。 当 一 个 新 的 业务 对 象 产生 时 ， 会 在 连接 池 中 检查 是 否 已 有 连接 ， 若 无 连 
接 ， 则 创建 一 个 新 连接 ， 和 否则 ， 会 使 用 现 有 的 匹配 的 连接 ， 这 样 就 提高 了 性 能 ， 如 图 8-32 
所 示 。 


中 间 服 务 器 


业务 对 象 


客户 内 应 用 程序 或 请 求 
— |] 


连接 
客户 员 应 用 程序 或 清 求 g 
业务 对 象 


客户 端 应 用 程序 或 请 求 


— 业务 对 象 
客户 内 应 用 程序 或 请 求 《| 生地 =m 数据 库 


图 8-32 ”使 用 连接 池 


【 例 8-9】 演 示 连 接 池 的 应 用 。 

(1) 在 上 面 的 工程 中 添加 一 个 名 为 ConnectionPoolDemo.aspx 的 页 面 。 

(2) 在 页 面 中 添加 两 个 fieldset 标签 ， 同 时 在 每 个 fieldset 中 放置 一 个 Button 控件 和 一 个 
Label 控件 ， 然 后 在 fieldset 外 面 添加 两 个 按钮 控件 。 页 面 设计 代码 如 下 : 


<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title> 使 用 连接 池 </title> 
<style type="text/css"> 
#content 
{ 
font-family: verdana; 
font-size: 9pt; 
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<form id="form1" runat="server"> 
<div id="content"> 
<fieldset> 
<legend> 使 用 连接 池 连 接 打开 关闭 100 次 连接 </legend> 
<asp:Label ID="lblpool" runat="server" ></asp:Label><br /> 
<asp:Button ID="btnpool" runat="server" Text=" 开 始 执 行 连接 " onclick="btnpool Click" /> 
</fieldset> 
<br /> 
<fieldset> 
<legend> 不 使 用 连接 池 连 接 打 开关 闭 100 次 连接 </legend> 
<asp:Label ID="lblnopool" runat="server" ></asp:Label><br /> 
<asp:Button ID="btnnopool" runat="server" Text=" 开 始 执行 连接 " 
onclick="btnnopool_Click" /> 
</fieldset> 
<fieldset> 
<legend> 清 除 连接 池 </legend> 
<asp:Label ID="Labell" runat="server" ></asp:Label><br /> 
<asp:Button ID="Button1" runat="server" Text="ClearAllPools" 
onclick="Button1_Click" /> 
<asp:Button ID="Button2" runat="server" Text="ClearPool " onclick="Button2_Click" /> 
</fieldset> 
</div> 
</form> 
</body> 
</html> 


(3) 添加 4 个 按钮 的 Click 事件 处 理 程序 ,两 个 按钮 是 执行 100 次 连接 , 两 个 按钮 是 清除 
连接 池 。ConnectionPoolDemo.aspx.cs 中 的 代码 如 下 : 


using System.Data.SqlClient; 
using System.Data; 
using System.Configuration; 


protected void btnnopool Click(object sender, EventArgs e) 

{ 
/指定 连接 字符 串 ， 注 意 这 里 使 用 pooling=false 禁用 了 连接 池 
string sqlconnstr = 

ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString: 

SqIConnection testConnection = new SqIConnection(sqlconnstr); 
/获取 在 开始 连接 之 前 的 时 间 刻 度数 
long startTicks = DateTime.Now.Ticks; 
/依次 打开 和 关闭 100 次 连接 
for (int i = 1; i <= 100; i+) 


{ 
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testConnection.Open(); 
testConnection.Close(); 
} 
long endTicks = DateTime.Now.Ticks; 
lblnopool.Text=" 不 使 用 连接 池 后 所 花费 的 时 间 是 : 
"+(endTicks-startTicks).ToString()+"ticks."; 
// 使 用 完毕 后 注意 释放 连接 
testConnection.Dispose(); 
} 
protected void Buttonl Click(object sender, EventArgs e) 
{ 
string sqlconnstr = 
Configuration Manager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection conn = new SqlConnection(sqlconnstr); 


try 
í 
conn.Open(); 
if (conn.State 一 ConnectionState.Open) 
{ 
Labell.Text=" 连 接 已 经 打开 "; 
} 
/清除 所 有 连接 池 
SqlConnection.ClearAllPools(); 
} 
catch (SqlException ex) 
Í 
Labell.Text=string.Format(" 出 现 连接 错误 : {0}", ex Message); 
} 
} 
protected void Button2_Click(object sender, EventArgs e) 
t 


string sqlconnstr = 
ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqIConnection conn = new SqIConnection(sqlconnstr): 


try 
u 
conn.Open(); 
if (conn.State == ConnectionState.Open) 
{ 
Labell.Text = "连接 已 经 打开 "; 
) 
/清除 指定 连接 的 连接 池 


SqlConnection.ClearPool(conn); 
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i 
catch (SqlException ex) 
£ 
Labell.Text = string.Format(" 出 现 连 接 错 误 : {0}", ex.Message); 
} 
} 


(4) 程序 的 运行 效果 如 图 8-33 所 示 。 
ES Mr CEEA 


| ZA SO SEV 收藏 夫 (A) IAM WMH 
|2 |- 合用 连接 池 


使 用 这 接 池 这 接 打开 关闭 100 次 连接 
中 使 用 连接 地 后 所 全 更 898j 间 是 : 156001ticks. 
[ 开始 执行 连接 | 


了 
连接 地 后 所 伦 兄 698j 间 是 : 312000ticks. 
wantisa 
清除 连接 地 
| 连接 已 经 打开 


[Cleamupools | [ ClearPool | 
@& 本 地 Intranet | 保护 模式 : 禁用 fà v R10% ~ 
图 8-33 ”程序 的 运行 效果 


单 击 两 个 【开始 执行 连接 】 按 钮 ， 会 发 现 打开 关闭 100 次 连接 的 时 间 不 同 ， 使 用 连接 池 
的 要 比 不 使 用 连接 池 的 时 间 少 很 多 。 另 外 ， 两 个 按钮 分 别 使 用 了 ClearPool 和 ClearAllPools 
方法 来 清除 连接 池 。 

使 用 连接 池 能 够 提升 应 用 程序 的 性 能 ， 特 别 是 开发 Web 应 用 程序 时 ，Web 应 用 程序 通 
常 需要 频繁 地 与 数据 库 进行 交互 , 应 用 连接 池 能 够 解决 Web 引用 中 的 假死 等 情况 ， 也 能 够 节 
约 服 务 器 资源 。 但 是 ， 在 创建 连接 时 ， 良 好 的 关闭 习惯 也 是 非常 必要 的 。 


87 本 章 小 结 


ADO.NET 是 NET Framework 中 至 关 重 要 的 一 部 分 ， 它 主要 掌管 数据 访问 。 本 章 重点 分 
析 了 ADONET 的 两 个 组 成 部 分 一 一 NET 数据 提供 程序 和 数据 库 DataSet, NET 数据 提供 程 
序 主要 包括 Connection、Command、DataAdapter 对 象 和 DataSet 对 象 ， 本 章 通 过 几 个 实例 介 
绍 了 以 上 几 个 对 象 是 如 何 连接 数据 库 的 ， 最 后 讲解 了 如 何 使 用 连接 池 的 技术 。 


88 练 J 


1. Data Adapter 对 象 使 用 与 哪个 属性 关联 的 Command 对 象 将 DataSet 修改 的 数据 保存 
到 数据 源 ? 


第 8 章 ADO.NET 数据 访问 。229。 


够 用 


主要 


到 应 
接 到 


2. 在 ADONET 中 ， 哪 个 对 象 充当 了 数据 库 和 ADONET 对 象 中 非 连 接 对 象 的 桥梁 ， 能 
来 保存 和 检索 数据 ? 

3. Connection 对 象 和 Command 对 象 有 什么 区 别 ? 

4. DataReader、DataAdapter 与 Dataset 有 什么 区 别 ? 

5. ADO.NET 中 常用 的 对 象 有 哪些 ? 分 别 描述 一 下 。 

6. SQL 数据 提供 者 和 OleDb 数据 提供 者 的 区 别 是 什么 ? 

7.ADONET 与 ADO 的 主要 不 同 是 什么 ? 

8. 在 ADONET 中 ，Command 对 象 的 ExecuteNonQuery() 方 法 和 ExecuteReader() 方 法 的 
区 别 是 什么 ? 

9. 开发 一 个 应 用 程序 ， 从 一 个 名 为 TestKingSales 的 中 心 数据 库 检 索 信息 ， 当 数据 返 
用 程序 后 ， 用 户 能 够 浏览 、 编 辑 、 增 加 新 记录 ， 并 可 以 删除 已 有 的 记录 。 首 先 写 代码 连 
数据 库 ， 然 后 执行 以 下 步 又 。 

(1) 新 建 名 字 为 Accessdatabase_Exercise 的 网 站 。 

(2) 在 网 站 的 App_Data 文件 夹 中 ， 新 建 数据 库 MyDatabase_ Exercise.mdf。 

(3) 在 该 数据 库 中 建立 一 张 职工 表 ， 并 且 添 加 一 些 模 拟 的 职工 记录 。 其 关系 模式 如 下 : 


El 


Employees(ID, NAME, SEX, AGE, Dateofwork, FilenameofPhoto) 
(4) fE web.config 配 置 文件 中 ， 修 改 <connectionStrings/> 标 记 如 下 : 


<connectionStrings> 

<add name="ConnectionString" connectionString="Data Source=.\SQLEXPRESS; 
AttachDbFilename=|DataDirectory) MyDatabase Exercise.mdf:Integrated Security=True; 
User Instance=True"/> 

</connectionStrings> 


(5) 添加 一 个 网 页 ， 利 用 Command 对 象 实现 新 职工 的 录入 。 

(6) 添加 一 个 网 页 ， 利 用 Command 对 象 实现 删除 指定 编号 的 职工 记录 。 

(7) 添加 一 个 网 页 ， 利 用 Command 对 象 实现 修改 指定 编号 的 职工 信息 。 

(8) 添加 一 个 网 页 ， 利 用 DataAdapter 对 象 实现 查询 职工 信息 ， 并 显示 到 网 页 的 Label 控 


件 上 。 
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ASP.NET 使 用 服务 器 控件 来 进行 有 效 的 数据 处 理 。ASP.NET 中 有 两 类 数据 控件 : 第 一 
类 是 数据 源 (DataSource) 控 件 ， 它 可 以 使 Web 页 面 与 数据 源 连 接 ， 并 且 对 该 数据 源 进 行 读 写 操 
作 ， 但 在 运行 时 数据 源 控件 是 不 可 见 的 ， 它 无 法 将 数据 显示 在 ASP.NET 的 页 面 上 ; 第 二 类 
是 数据 绑 定 (DataBound) 控 件 ， 它 用 来 将 数据 源 所 连接 的 数据 显示 在 页 面 上 。 本 章 主要 介绍 数 
据 源 控件 和 数据 绑 定 控件 的 使 用 方法 。 


本 章 的 学 习 目 标 : 

e 熟悉 使 用 数据 源 控件 连接 到 各 种 数据 源 的 方法 和 步骤; 

e 掌握 如 何 使 用 数据 源 控 件 方便 快捷 地 把 数据 绑 定 到 数据 绑 定 控件 上 ; 

o 掌握 数据 绑 定 控件 GridView、DetailsView、FormView、ListView 等 的 功能 及 其 使 用 
方法 。 


9.1 数据 源 控件 


ASP.NET 包含 一 些 数据 源 控件 , 这 些 数 据 源 控件 允许 用 户 使 用 不 同类 型 的 数据 源 ， 如 数 
据 库 、XML 文件 或 中 间 层 业务 对 象 等 。 通 过 数据 源 控件 连接 到 数据 源 ， 并 使 得 数据 绑 定 控 
件 可 以 绑 定 到 数据 源 而 无 须 编写 代码 。 数 据 源 控件 还 实现 了 丰富 的 数据 检索 和 修改 功能 ， 其 
中 包括 查询 、 排 序 、 分 页 、 筛 选 、 更 新 、 删 除 和 插入 。ASP.NET 4.5 中 主要 有 5 个 数据 源 控 
件 ， 如 表 9-1 所 示 。 


表 9-1 ASP.NET 4.5 内 置 的 数据 源 控件 
数据 源 控件 H ð 
支持 绑 定 到 ADONET 提供 程序 表示 的 SQL 数据 库 。 与 SQL Server 一 起 使 用 时 支 


持 高 级 缓存 功能 。 当 数据 作为 DataSet 对 象 返回 时 ， 此 控件 支持 排序 、 筛 选 和 分 页 
支持 绑 定 到 业务 对 象 或 其 他 类 以 及 创建 依赖 中 间 层 对 象 管理 数据 的 Web 应 用 程 
ObjectDataSource 


序 。 支 持 对 其 他 数据 源 控件 不 可 用 的 高 级 排序 和 分 页 方案 
SiteMapDataSource | “支持 绑 定 到 站 点 导航 提供 程序 公开 的 层次 结构 , 结合 ASP. NET 站 点 导航 一 起 使 用 
允许 使 用 XML 文件 ， 特 别 适用 于 分 层 的 ASP.NET 服务 器 控件 。 支 持 使 用 Xpath 
表达 式 实现 筛选 功能 ， 允 许 对 数据 应 用 XSLT 转换 , 还 可 以 更 新 XML 文档 的 数据 
支持 通过 标记 在 ASP.NET 网 页 中 使 用 语言 集成 查询 (LINQ), 从 数据 对 象 中 检索 和 
LINQDataSource 修改 数据 。 支 持 自动 生成 选择 、 更 新 、 插 入 和 删除 命令 。 当 数据 作为 DataSet 对 象 
返回 时 ， 该 控件 还 支持 排序 、 筛 选 和 分 页 (将 在 第 10 章 讲解 ) 


XmlDataSource 
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9.1.1 SqlDataSource 控件 


SqlDataSource 控件 是 用 于 连接 到 SQL 关系 数据 库 的 数据 源 的 控件 。 其 中 包括 Microsoft 
SQL Server 和 Oracle 数据 库 以 及 OLE DB 和 ODBC 数据 源 。 将 SqlDataSource 控件 与 数据 绑 
定 控件 一 起 使 用 ， 可 以 从 关系 数据 库 中 检索 数据 、 在 ASPNET 网 页 上 显示 和 操作 数据 。 如 
K 9-2 所 示 列 出 了 SqlDataSource 控件 支持 的 数据 操作 属性 组 。 该 控件 提供 了 一 个 易于 使 用 的 
向 导 ， 引 导 用 户 完成 配置 过 程 ， 也 可 以 通过 直接 修改 控件 的 属性 手动 修改 控件 ， 不 必 编写 代 
码 或 只 需 编 写 少 量 代 码 即 可 。 


表 9-2 SqlDataSource 控件 支持 的 数据 操作 属性 组 


属性 组 H ig 
SelectCommand, SelectParameters, | ”获取 或 设置 用 来 从 底层 数据 存储 中 获取 数据 的 SQL 语句 、 相 关 参 数 
SelectCommandType 和 类 型 (文本 或 存储 过 程 ) 
InsertCommand, InsertParameters, | ”获取 或 设置 用 来 向 底层 数据 存储 中 插入 新 行 的 SQL 语句 、 相 关 参 数 
InsertCommandType 和 类 型 (文本 或 存储 过 程 ) 
DeleteCommand, DeleteParameters, | ”获取 或 设置 用 来 删除 底层 数据 存储 中 的 数据 行 的 SQL 语句 、 相 关 参 
DeleteCommandType 数 以 及 类 型 (文本 或 存储 过 程 ) 
pi 获取 或 设置 用 来 更 新 底层 数据 存储 中 的 数据 行 的 SQL 语句 、 相 关 参 
数 和 类 型 (文本 或 存储 过 程 ) 
UpdateCommandType 
获取 或 设置 一 个 命令 的 存储 过 程 ， 用 来 存储 数据 的 一 个 输入 参数 的 
SortParameterName 名 称 ( 这 种 情况 下 的 命令 必须 是 存储 过 程 )。 如 果 缺 少 该 参数 ， 会 引 
起 一 个 异常 


获取 或 设置 用 来 创建 使 用 Select 命令 获取 数据 上 的 过 滤器 的 字符 串 
和 相关 参数 。 只 有 当 控件 通过 DataSet 管理 数据 时 才 起 作用 


FilterExpression, FilterParameters 


后 面 将 在 9.2.1 节 中 和 GridView 控件 一 起 结合 举例 说 明 。 
9.1.2 ObjectDataSource 控件 


大 多 数 ASPNET 数据 源 控件 ， 如 SqlDataSource 都 是 在 两 层 应 用 程序 结构 中 使 用 。 在 这 
种 层次 结构 中 ， 表 示 层 (ASPNET 网 页 ) 可 以 与 数据 层 (数据 库 和 XML 文件 等 ) 直 接 进行 通信 。 
但 是 ， 常 用 的 应 用 程序 设计 原则 是 将 表示 层 与 业务 逻辑 相 分 离 ， 而 将 业务 届 辑 封装 在 业务 对 
象 中 。 这 些 业 务 对 象 在 表示 层 和 数据 层 之 间 形 成 一 层 ， 从 而 形成 一 种 三 层 应 用 程序 结构 。 
ObjectDataSource 控件 通过 提供 一 种 将 相关 页 上 的 数据 控件 绑 定 到 中 间 层 业务 对 象 的 方法 ， 
为 三 层 应 用 程序 结构 提供 支持 。 在 不 使 用 扩展 代码 的 情况 下 ，ObjectDataSource 控件 使 用 中 
间 层 业务 对 象 以 声明 的 方式 对 数据 执行 选择 、 插 入 、 更 新 、 删 除 、 分 页 、 排 序 、 缓 存 和 筛选 
操作 。ObjectDataSource 控件 的 主要 属性 如 表 9-3 所 示 。 


表 9-3 ObjectDataSource 的 主要 属性 


属 性 描 È 
指示 是 否 默 认 地 将 传递 给 插入 、 删 除 或 更 新 操作 的 null 参数 转换 为 
ConvertNullToDBNull 


System.DBNull。 默 认为 false 
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属 性 


DataObjectTypeName 


( 续 表 ) 
f g 
获取 或 设置 一 个 将 被 用 作 Select. Insert. Update 或 Delete 操作 的 参数 
的 类 的 名 称 


DeleteMethod, DeleteParameters 
EnablePaging 

FilterExpression, FilterParameters 
InsertMethod, InsertParameters 


获取 或 设置 用 于 执行 删除 操作 的 方法 及 其 相关 参数 的 名 称 
指示 该 控件 是 否 支持 分 页 

指示 对 选择 操作 进行 过 滤 的 过 滤器 表达 式 (和 参数 ) 
获取 或 设置 用 于 执行 插入 操作 的 方法 和 相关 参数 的 名 称 


MaximumRowsParameterName 


OldValuesParameterFormatString 


如 果 EnablePaging 属性 设置 为 tue， 则 指示 Select 方法 中 接受 要 检索 
的 记录 个 数 的 值 的 参数 名 

获取 或 设置 一 个 格式 字符 串 ， 该 格式 字符 串 应 用 于 传递 给 Delete 或 
Update 方法 的 任何 参数 的 名 称 


SelectCountMethod 
Select Method, SelectParameters 


SortParameterName 


StartRowIndexParameterName 


获取 或 设置 用 于 执行 select count 操作 的 方法 的 名 称 
获取 或 设置 用 于 执行 选择 操作 的 方法 及 其 相关 参数 的 名 称 

获取 或 设置 用 于 对 检索 到 的 数据 进行 排序 的 输入 参数 的 名 称 。 如 果 该 
参数 缺失 ， 则 会 引发 一 个 异常 

如 果 EnablePaging 属性 设置 为 tue， 则 指示 Select 方法 的 用 于 接受 要 


检索 的 起 始 记录 的 值 的 参数 名 


UpdateMethod, UpdateParameters | 获取 或 设置 用 来 执行 更 新 操作 的 方法 及 其 相关 参数 的 名 称 


后 面 将 在 9.2.4 节 中 介绍 完 DetailsView 后 ， 


9.1.3 SiteMapDataSource 控件 


一 起 结合 举例 说 明 这 些 属性 。 


SiteMapDataSource 控件 用 于 ASPNET 站 点 导航 。SiteMapDataSource 控件 检索 站 点 地 图 
提供 程序 的 导航 数据 ， 并 将 该 数据 传递 到 可 显示 该 数据 的 控件 。 站 点 地 图 是 表示 一 个 Web 
站 点 中 的 所 有 页 面 和 目录 的 结构 图 ， 用 来 向 用 户 展示 它们 正在 访问 的 页 面 的 逻辑 坐标 ， 人 允许 
用 户 动态 地 访问 站 点 位 置 ， 并 以 图 形 的 方式 生成 所 有 的 导航 数据 。 来 自 站 点 地 图 的 导航 数据 
包括 有 关 网 站 中 的 页 的 信息 ， 如 URL、 标 题 、 说 明和 导航 层次 结构 中 的 位 置 。 如 果 将 导航 数 
据 存储 在 一 个 地 方 ， 则 可 以 更 方便 地 在 网 站 的 导航 菜单 中 添加 和 删除 项 。 由 于 站 点 地 图 是 一 
种 层次 性 信息 ， 所 以 将 SiteMapDataSource 控件 的 输出 绑 定 到 层次 性 数据 绑 定 控件 (如 
TreeView、Menu 等 )， 即 可 使 它 能 够 显示 站 点 的 结构 。 

站 点 地 图 信息 可 以 以 很 多 种 形式 出 现 ， 其 中 最 简单 的 形式 就 是 位 于 应 用 程序 的 根 目 录 中 
的 一 个 名 为 web.sitemap 的 XML 文件 。SiteMapDataSource 控件 可 以 处 理 存储 在 Web 站 点 的 
SiteMap 配置 文件 中 的 数据 。 如 果 要 在 运行 时 根据 用 户 的 权限 或 状态 改变 站 点 地 图 数据 ， 该 
控件 就 很 有 用 。 关 于 SiteMapDataSource 控件 有 两 个 地 方 值 得 注意 : 第 一 ，SiteMapDataSource 
控件 不 支持 其 他 数据 源 控件 都 有 的 任何 数据 高 速 缓存 选项 , 所 以 不 能 高 速 缓存 站 点 地 图 数据 ; 
第 二 ，SiteMapDataSource 控件 没有 像 其 他 数据 源 控件 那样 的 配置 向 导 ， 这 是 因为 SiteMap 控 
件 只 能 绑 定 到 Web 站 点 的 SiteMap 配置 数据 文件 上 。SiteMapDataSource 控件 的 主要 属性 及 
其 描述 如 表 9-4 所 示 。 
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表 9-4 SiteMapDataSource 的 主要 属性 


指示 与 数据 源 控件 关联 的 站 点 地 图 提供 程序 对 象 
默认 为 tue， 指 示 是 否 检索 和 显示 起 始 节点 


Provider 
ShowsStartingNode 


SiteMapProvider 获取 或 设置 与 该 控件 的 实例 关联 的 站 点 地 图 提供 程序 的 名 称 
StartFromCurrentNode 默认 为 false， 指 示 是 否 相对 于 当前 页 面 检索 节点 树 

; 获取 或 设置 从 起 始 节点 开始 的 一 个 正 偏 移 量 或 负 偏 移 量 ， 用 以 确定 该 
StartingNodeOffset 


控件 提供 的 根 层次 结构 。 默 认 设置 为 0 
指示 该 站 点 地 图 中 节点 树 的 根 节点 的 URL 


StartingNodeUrl 


9.1.4 XmlDataSource 控件 


XmlDataSource 控件 使 得 XML 数据 可 用 于 数据 绑 定 控件 。 可 以 使 用 该 控件 同时 显示 分 
层 数据 和 表格 数据 。 在 只 读 情况 下 ，XmlDataSource 控件 常用 于 显示 分 层 XML 数据 。 由 于 
XmlDataSource 控件 不 支持 Delete, Insert 和 Update 等 方法 , 因此 不 能 用 于 读 / 写 XML 数据 存 
储 的 Web 应 用 程序 。 

XmlDataSource 控件 的 主要 属性 如 表 9-5 所 示 。 


表 9-5 XmlDataSource 的 主要 属性 


属 性 Ho 述 
Data 包含 该 数据 源 控件 要 绑 定 的 一 块 XML 文本 
DataFile 指示 到 包含 要 显示 的 数据 的 文件 的 路 径 
EnableCachin 启用 或 禁用 缓存 支持 
Transform 包含 一 块 将 用 来 转换 绑 定 到 该 控件 的 XML 数据 的 XSLT 文本 
TransformArgumentList 应 用 于 源 XML 的 XSLT 转换 的 一 个 输入 参数 列表 
TransformFile 指示 到 定义 了 在 源 XML 数据 上 执行 的 一 个 XSLT 转换 的 .XSL 文件 
XPath 指示 应 用 于 XML 数据 的 XPATH 查询 


92 ”联合 使 用 数据 源 和 数据 绑 定 控件 


通俗 地 讲 ， 数 据 绑 定 就 是 把 数据 源 中 的 数据 取出 来 ， 显 示 在 窗 体 的 各 种 控件 上 。 用 户 可 
以 通过 这 些 控件 查看 和 修改 数据 ， 这 些 修改 会 自动 地 保存 到 数据 源 中 。 要 使 数据 绑 定 控件 显 
示 有 用 的 内 容 ， 则 需要 为 它们 指派 数据 源 (Data Source)。 要 将 这 一 数据 源 绑 定 到 控件 ， 可 以 
使 用 一 个 单独 的 数据 源 控 件 来 为 数据 绑 定 控件 管理 数据 。 用 户 可 以 使 用 数据 绑 定 控件 的 
DataSourceID 属性 将 数据 绑 定 控件 绑 定 到 数据 源 控 件 上 ， 例如 LinqDataSource、 ObjectDataSource 
或 SqlDataSource 控 件 , 这 样 便 可 以 在 数据 绑 定 控件 中 使 用 数据 源 数据 。 数据 源 控件 连接 到 数 
据 库 、 实 体 类 或 中 间 层 对 象 等 数据 源 ， 然 后 检索 或 更 新 数据 。 之 后 ， 数 据 绑 定 控件 即 可 使 用 
此 数据 。 要 执行 绑 定 ， 应 将 数据 绑 定 控件 的 DataSourceID 属 性 设置 为 数据 源 控件 。 当 数据 绑 
定 控件 绑 定 到 数据 源 控件 时 ， 无 须 编写 代码 或 者 只 需 编写 少量 额外 代码 即 可 执行 数据 操作 。 
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数据 绑 定 控件 可 以 自动 利用 数据 源 控 件 提供 的 数据 服务 。 

ASP.NET 包含 了 很 多 支持 简单 数据 绑 定 的 控件 ， 如 TextBox, Label, ListControl, 
CheckBoxList、 RadioButtonList DropDownList 等 控件 , 即 通常 只 显示 单个 值 的 控件 .ASPNET 
中 的 复杂 数据 绑 定 控 件 包括 GridView, FormView, DetailView, DataList 和 ListView。 复 杂 


数据 绑 定 控件 与 简单 数据 绑 定 控件 的 区 别 ， 在 于 它们 可 以 用 更 精细 的 方式 来 显示 数据 。 下 面 


介绍 复杂 的 数据 绑 定 控件 。 
9.2.1 GridView 控件 


GridView 控件 通常 与 数据 源 控件 一 起 使 用 ， 以 表格 的 形式 显示 数据 库 中 的 数据 ， 
GridView 控件 可 以 对 记录 中 的 行 实现 删除 、 修 改 、 选 择 和 分 页 功能 ， 可 以 实现 对 列 的 排序 功 
能 。 默 认 情况 下 ，GridView 通过 SqlDataSource 访问 数据 库 ， 可 以 访问 多 种 关系 数据 库 ， 也 
可 以 读 取 XML 文件 。GridView 控件 的 主要 属性 如 表 9-6 所 示 。 


表 9-6 GridView 控件 的 主要 属性 


属 性 
AllowPaging 
AllowSorting 
AutoGenerateColumns 


AutoGenerateDeleteButton 


AutoGenerateEditButton 


AutoGenerateSelectButton 


描述 

指示 该 控件 是 否 支持 分 页 

指示 该 控件 是 否 支持 排序 

指示 是 否 自动 地 为 数据 源 中 的 每 个 字段 创建 列 。 默 认为 true 
指示 该 控件 是 否 包含 一 个 按钮 列 以 允许 用 户 删除 映射 到 被 单 击 
行 的 记录 

指示 该 控件 是 否 包含 一 个 按钮 列 以 允许 用 户 编辑 映射 到 被 单 击 
行 的 记录 

指示 该 控件 是 否 包含 一 个 按钮 列 以 允许 用 户 选 择 映射 到 被 单 击 
行 的 记录 

指示 一 个 多 成 员 数 据 源 中 的 特定 表 绑 定 到 该 网 格 。 该 属性 与 


DataMember DataSource 结合 使 用 。 如 果 DataSource 有 一 个 DataSet 对 象 ， 则 
该 属性 包含 要 绑 定 的 特定 表 的 名 称 

DataSource 获取 或 设置 包含 用 来 填充 该 控件 的 值 的 数据 源 对 象 

DataSourceID 指示 所 绑 定 的 数据 源 控件 

EnableSortingAndPagingCallbacks 指示 是 否 使 用 脚本 回调 函数 完成 排序 和 分 页 。 默 认 情况 下 禁用 

RowHeaderColumn 用 作 列 标题 的 列 名 。 该 属性 旨 在 改善 可 访问 性 

SortDirection 获取 列 的 当前 排序 方向 

SortExpression 获取 当前 排序 表达 式 


UseAccessibleHeader 


规定 是 否 为 列 标题 生成 <th> 标 签 (而 不 是 <td> 标 签 ) 


【 例 9-1】 使 用 SqlDataSource 控件 连接 到 SQL Server 数据 库 和 GridView 控件 使 用 的 方 


法 。 有 具体 步骤 如 下 。 


(1) 在 网 站 WebSite9 中 创建 一 个 名 称 为 SqlDataSource.aspx 的 网 页 。 
(2) 创建 数据 连接 。 选 择 【 工 具 】| 【连接 到 数据 库 】 命 令 ， 打 开 【 选 择 数 据 源 】 对 话 框 ， 
如 图 9-1 所 示 ， 可 以 根据 项 目 想 要 添加 的 数据 源 进行 选择 ， 本 例 使 用 的 是 现 有 的 一 个 SQL 


Server 数据 库 ， 所 以 选择 如 图 9-1 所 示 ， 单 击 【 继 续 】 按 钮 ， 打 开 【 添 加 连接 】 对 话 框 ， 单 
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击 【 浏 览 】 按 钮 选择 数据 库 文件 所 在 的 地 方 ， 本 例文 件 的 路 径 为 E\asp\StudentDB.mdf， 可 根 
据 具 体 情 况 修改 ， 如 图 9-2 所 示 ， 单 击 【 确 定 】 按 钮 。 


eA meuusmsmanmas me En-mss miss 
和 /或 提供 程序 . 
BERS: 


Microsoft SQL Server 数据 库 文件 (SqlClient | EBO... 


BEELA GERNE ZFR (D): 


ENasp\StudentDB-mdf 


DUB)... 


(@ ER Windows SOWEW 


OE SQL Server SOEU 


GREBS) 
用 于 SQL Server 的 ,NET Framework v 


始终 使 用 此 迁 择 (U) 


图 9-1 【选择 数据 源 】 对 话 框 图 9-2 【添加 连接 】 对 话 框 
(3) 在 SqlDataSource.aspx 页 面 的 【设计 】 视 图 中 插入 一 个 SqlDataSource 控件 (在 工具 箱 

的 【数据 】 组 中 )， 其 默认 的 ID 为 SqlDataSource1， 单 击 该 控件 的 【配置 数据 源 】 任 务 。 
(4) 在 【配置 数据 源 】 对 话 框 中 选择 数据 连接 ， 在 【应 用 程序 连接 数据 库 应 使 用 哪个 数 


据 连 接 】 文 本 框 中 输入 或 通过 下 拉 列 表 选 择 需 要 的 数据 库 。 在 本 例 中 选择 StudentDB.mdf， 
连接 字符 串 的 地 方 显示 如 下 : 


Data Source=(LocalDB)\v11.0:AttachDbFilename=E:\asp\StudentDB.mdfIntegrated 
Security=True;Connect Timeout=30 


如 图 9-3 所 示 ， 如 指定 的 路 径 下 不 存在 数据 库 文件 则 会 出 错 。 


图 9-3 【配置 数据 源 】 对 话 杠 


。236。 ASPNET 4.5 动态 网 站 开发 基础 教程 


(5) 单 击 【 下 一 步 】 按 钮 ， 如 图 9-4 所 示 ， 在 【配置 数据 源 】 向 导 的 【将 连接 字符 串 保 
存 到 应 用 程序 配置 文件 中 】 界 面 中 选中 【是 ， 将 此 连接 另存 为 】 复 选 枉 。 确 认 将 连接 字符 串 
保存 到 配置 文件 中 ， 另 存 为 StudentDBConnectionString， 在 下 次 连接 时 可 以 直接 使 用 。 另 外 ， 


将 连接 字符 串 和 查询 字符 串 写 入 web.config 配置 文件 中 也 能 简化 工作 ， 程 序 代码 也 更 清晰 。 


g MERRE 


RERFASPRELEBFEELT? , TAOEHES, EREEREER ATHOTETEELT SERLTETEA 
LER ESET- RSS , Biss25=isrtmaspattuququsqaya, 


BARSIRTHRRERRESA H? 
回 是 , ERFA: 
SdemDeconnecionsting 


图 9-4 【将 连接 字符 串 保存 到 配置 文件 中 】 界 面 
(6) 单 击 【下 一 步 】 按 钮 ， 在 【配置 Select 语句 】 界 面 中 指定 需要 检索 的 数据 表 及 其 字 
段 ， 这 里 选择 studentinfo 表 ， 结 构 如 图 9-5 所 示 ， 选 中 “*” 复 选 框 ， 即 所 有 字段 ， 如 图 9-6 
所 示 。 


各 o_Tablel: .StadentDB)s| FHT =x 
|。 
=a vuda 01) D 
sun vache 02) m 
staer vache 0) B 
st birthiay dutetine m 
Leity weas 00) 回 
口 


图 9-5 studentinfo 表 的 结构 


图 9-6 【配置 Select 语句 】 界 面 
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(7) 单 击 【高 级 】 按 钮 ， 弹 出 的 【高 级 SQL 生成 选项 】 对 话 框 ， 选 中 【生成 INSERT、 
UPDATE 和 DELETE 语句 (G)】 复 选 框 ， 如 图 9-7 所 示 。 单 击 【 确 定 】 按 钮 返回 【配置 Select 
语句 】 对 话 框 ， 单 击 【ORDER BY] 按钮 ， 在 打开 的 【添加 ORDER BY 子 句 】 对 话 框 中 设 
置 【排序 方式 为 按 st_id 字段 升序 排序 ， 如 图 9-8 所 示 。 单 击 【 确 定 】 按 钮 返回 【配置 Select 
语句 】 界 面 。 


可 以 生成 附加 的 INSERT. UPDATE 和 DELETE 语句 来 更 新 数据 源 . 


[Z] Ære INSERT. UPDATE 和 DELETE 语句 (G) 


基于 SELECT 语句 生成 INSERT. UPDATE 和 DELETE I. DIREAN? 
段 才 能 启用 此 运 项 。 


DRO SELECT = FROM studentino] ORDER BY [std] 
修改 UPDATE 和 DELETE EALIAMENRZRIIRE] DataSet 中 以 来 数据 亩 是 否 更 
改 .这 有 助 于 防止 并 发 冲 问 


图 9-7 【高 级 SQL 生成 选项 】 对 话 框 图 9-8 【添加 ORDER BY 子 句 】 对 话 框 


(8) 单 击 【 下 一 步 】 按 钮 ， 在 【测试 查询 】 界 面 中 可 以 看 到 配置 的 Select 语句 的 效果 ， 
如 图 9-9 所 示 。 单 击 【完成 】 按 钮 完成 对 数据 源 的 配置 。 


20082410107 |3 


2009261009 m+ 


图 9-9 【测试 查询 】 界 面 


通过 上 述 步 又， 实现 了 将 一 个 SqlDataSource 控件 与 SQL Server 数据 源 的 连接 。 在 整个 
过 程 中 无 须 编写 代码 ， 降 低 了 Web 数据 库 编程 的 难度 。 连 接 到 一 个 SQL Server 数据 库 的 
SqlDataSource 控件 的 示例 代码 如 下 : 


<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
ConnectionString="<%$ ConnectionStrings:StudentDBConnectionString %>" 
SelectCommand="SELECT * FROM [studentinfo] ORDER BY [st_id]" 
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DeleteCommand="DELETE FROM [studentinfo] WHERE [st id] = @st id" 
InsertCommand="INSERT INTO [studentinfo] ([st_id], [st name]. [st_sex], [st birthday], 
[st_city]) VALUES (@st_id, @st_name, @st_sex, @st_ birthday, @st_city)" 
UpdateCommand="UPDATE [studentinfo] SET [st_name] = @st_name, [st_sex] = 
@st_sex, [st_birthday] = @st_birthday, [st_city] = @st_city WHERE [st_id]= @st_id"> 
<DeleteParameters> 
<asp:Parameter Name="st_id" Type="String" /> 
</DeleteParameters> 
<InsertParameters> 
<asp:Parameter Name="st_id" Type="String" /> 
<asp:Parameter Name="st_name" Type="String" /> 
<asp:Parameter Name="st_sex" Type="String" /> 
<asp:Parameter Name="st_birthday" Type="DateTime" /> 
<asp:Parameter Name="st_city" Type="String" /> 
</InsertParameters> 
<UpdateParameters> 
<asp:Parameter Name="st_name" Type="String" /> 
<asp:Parameter Name="st_sex" Type="String" /> 
<asp:Parameter Name="st_birthday" Type="DateTime" /> 
<asp:Parameter Name="st_city" Type="String" /> 
<asp:Parameter Name="st_id" Type="String" /> 
</UpdateParameters> 
</asp:SqlDataSource> 


(9) 为 了 显示 SqlDataSource 控件 检索 的 数据 ,还 必须 添加 一 个 数据 绑 定 控件 ， 这 里 选择 
GridView. 在 【工具 箱 】 的 【数据 】 控 件 组 中 选择 GridView 控件 , 将 其 拖 到 SqlDataSource.aspx 
窗 体 上 , 如 图 9-10 所 示 。 在 [GridView 任务 ] 的 【选择 数据 源 ] 下 拉 列 表 中 选择 SqlDataSourcel， 
选中 【启用 分 页 】、【 启 用 排序 】 和 【启用 编辑 】 复 选 框 。 通 过 页 面 布局 使 之 居中 ， 在 【 自 
动 套用 格式 】 对 话 框 中 选择 【 蓝 墨 1】 架 构 显 示 和 处 理 数据 。 开 发 者 可 根据 自己 的 喜爱 选择 
套用 格式 ， 生 成 的 代码 如 下 : 


<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True" 
AutoGenerateColumns="False" BackColor="White" BorderColor="#999999" BorderStyle="Solid" 
BorderWidth="1px" CellPadding="3" DataKeyNames="st_id" DataSourceID="SqlDataSource1" 
ForeColor="Black" GridLines="Vertical"> 
<AlternatingRowStyle BackColor="#CCCCCC" /> 
<Columns> 
<asp:CommandField ShowDeleteButton="True" ShowEditButton="True" /> 
<asp:BoundField DataField="st_id" HeaderText="st_id" ReadOnly="True" SortExpression="st_id" /> 
<asp:BoundField DataField="st_name" HeaderText="st name" SortExpression="st_name" /> 
<asp:BoundField DataField="st_sex" HeaderText="st_sex" SortExpression="st_sex" /> 
<asp:BoundField DataField="st_birthday" HeaderText="st_birthday" SortExpression="st_birthday" /> 
<asp:BoundField DataField="st_city" HeaderText="st_city" SortExpression="st_city" /> 
</Columns> 
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<FooterStyle BackColor="#CCCCCC" /> 
<HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" /> 
<PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" /> 
<SelectedRowStyle BackColor="#000099" Font-Bold="True" ForeColor="White" /> 
<SortedAscendingCellStyle BackColor="#F1F1F1" /> 
<SortedAscendingHeaderStyle BackColor="#808080" /> 
<SortedDescendingCellStyle BackColor="#CAC9C9" /> 
<SortedDescendingHeaderStyle BackColor="#383838" /> 

</asp:GridView> 


回 启用 人 页 

回 启用 排序 
BR 
BRS 

O 启用 先 定 内 容 
sann 


图 9-10 Web 窗 体 上 的 GridView 控件 


(10) 保存 网 站 ,运行 程序 ， 浏 
览 器 将 显示 如 图 9-11 所 示 的 
SqlDataSource.aspx 页 面 , 单 击 某 条 
记录 的 编辑 按钮 ， 则 显示 为 如 图 
9-12 所 示 的 编辑 页 面 。 如 图 9-13 
所 示 为 按照 “st_city” 字 段 升序 排 
列 的 记录 集 。 也 可 以 测试 一 下 删除 。 


编辑 有 除 |20082410110| 和 昆 B 


图 9-11 浏览 器 中 的 SqlDataSurce.aspx 页 面 


EI hupjocahost57245/SqlDataSource.aspx TE ara 
[Dea “ 国 


XHA RADO SEV VEW IAM EHH 


2At IEE 20082410101 PE 1990/10/6 0:00:00 
1989/7/9 0:00:00 
1991/5/4 0:00:00 
1989/7/4 0:00:00 
1990/2/21 0:00:00 
1989/5/6 0:00:00 
1991/4/9 0:00:00 
1990/3/9 0:00:00 
1991/6/5 0:00:00 
1992/9/6 0:00:00 


编辑 删除 20082410103 $F k 


编辑 删除 |20082410104| 芭 万 超 
编辑 删除 20082410105| 238 
838 MEE 20082410106| 付 立 
编辑 删除 20082410107| 关 起 
编辑 删除 |20082410108| 管 所 
编辑 删除 20082410109| 胡 每 
编辑 删除 |20082410110| 和 昆 


B SB xF x En GOE] 


图 9-12 浏览 器 中 的 SqlDataSource.aspx 编辑 页 面 


* 240° ASP.NET 4.5 动态 网 站 开发 基础 教程 


EA | hapvnocalhost57245/sqlparsourceosp D ~ © ikodie] 


1990/3/18 0:00:00 | 北京 
编辑 出 除 | 20082410122| 素 奇 1585951600000| 北 京 


图 9-13 按 “st_city” 字 段 升 序 排列 的 SqlDataSource.aspx 页 面 


在 上 述 步骤 中 ， 未 书写 任何 代码 ， 就 实现 了 使 用 SqlDataSource 控件 和 GridView 控件 结 
合 连接 到 SQL Server 数据 库 ， 并 允许 提供 SQL 语句 来 检索 和 编辑 数据 。 


9.2.2 DataList 控件 


DataList 控件 默认 情况 下 以 表格 的 形式 显示 数据 ， 该 控件 的 优点 是 用 户 可 以 为 数据 创建 
任意 格式 的 布局 。 显 示 数 据 的 格式 在 创建 的 模板 中 定义 ， 可 以 为 项 、 交 蔡 项 、 选 定 项 和 编辑 
项 创建 模板 。 表 头 、 脚 注 和 分 隔 符 模板 也 用 于 自 定义 DataList 的 整体 外 观 。 通 过 在 模板 中 添 
加 Button 和 LinkButton 等 控件 ， 可 以 将 列表 项 连接 到 代码 ， 这 些 代 码 使 用 户 得 以 在 显示 、 选 
择 和 编辑 模式 之 间 进 行 切换 。 

DataList 控件 在 很 多 方面 超过 了 Repeater 控件 , 主要 是 在 图 形 布局 领域 。 DataList 支持 直 
接生 成 ， 这 就 意味 着 项 目 可 以 以 垂直 或 水 平 的 方式 显示 ， 以 匹配 指定 的 列 数 。 它 提供 了 用 于 
检索 与 当前 数据 行 关联 的 键 值 的 设置 ， 并 且 支 持 选择 和 原 地 编辑 。 此 外 ，DataList 控件 还 
支持 更 多 的 模板 。Repeater 和 DataList 控件 的 数据 绑 定 和 总 体 行为 几乎 相同 。 但 在 某 些 情 
况 下 完成 相同 的 效果 ，DataList 控件 所 需 的 代码 更 少 。 如 表 9-7 所 示 列 出 了 该 控件 支持 的 
模板 。 


表 9-7 DataList 控件 支持 的 模板 
描述 
包含 一 些 HIML 元 素 和 控件 ， 将 为 数据 源 中 的 每 一 行 呈 现 一 次 这 些 HIML 
元 素 和 控件 
包含 在 列表 的 开始 处 呈现 的 文本 和 控件 


属 i 


ItemTemplate 


HeaderTemplate 


FooterTemplate 包含 在 列表 的 结束 处 呈现 的 文本 和 控件 

EditItemTemplate 指定 当 某 项 处 于 编辑 模式 中 时 的 布局 。 此 模板 通常 包含 一 些 编辑 控件 ， 如 
TextBox 控件 

SelectedItemTemplate 包含 一 些 元 素 ， 当 用 户 选择 DataList 控件 中 的 某 一 项 时 将 呈现 这 些 元 素 


包含 在 每 项 之 间 呈 现 的 元 素 。 典 型 的 示例 可 能 是 一 条 直线 (分 隔 符 ) 
包含 一 些 HTML 元 素 和 控件 ， 将 为 数据 源 中 的 每 两 行 呈现 一 次 这 些 HTML 
元 素 和 控件 


SeparatorTemplate 
AlternatingItemTemplate 
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【 例 9-2】 使 用 DataList 控件 实现 数据 绑 定 并 实现 对 数据 源 数据 的 显示 和 选 定 操作 。 

操作 步骤 如 下 。 

(1) 在 网 站 WebSite9 中 添加 一 个 名 为 DataList.aspx 的 页 面 。 

(2) 在 DataListaspx 页 面 的 【设计 】 视 图 中 添加 一 个 SqlDataSource 数据 源 控 件 ， 其 ID 
默认 为 SqlDataSourcel, 并 设置 其 连接 的 数据 库 为 StudentDB, 当 指 定 Select 查询 时 , 选择 【*】 
选项 来 查询 所 有 列 。 

(3) 添加 一 个 DataList 控件 , 其 ID 默认 为 DataList1, 如 图 9-14 所 示 。 在 【DataList 任务 】 
中 选择 数据 源 为 SqlDataSourcel， 在 【自动 套用 格式 】 中 选择 【石板 】 架 构 来 显示 和 处 理 


(asp:Datalist# Datalisti | 


| DataList 任务 

EE 

ARBER: [341DatwSourcel 
[ 


学 号 :ab 编辑 选择 学 号 .abc 编辑 选择 

FS. abe 编辑 选择 FS abe 编辑 选择 

学 号 - abc 编辑 选择 BRIA 
MEERE 
mume 


图 9-14 Web 窗 体 上 的 DataList 控件 


(4) 为 了 允许 用 户 选择 DataList 控件 中 的 项 ， 需 要 创建 一 个 SelectedItemTemplate， 为 选 
择 项 定义 标记 和 控件 的 布局 。 设 置 控件 的 SelectedItemStyle 属性 。 在 ItemTemplate 和 
AlternatingItemTemplate( 如 果 使 用 中 ， 添 加 一 个 Button EÈ LinkButton 控件 ,将 其 CommandName 
属性 设置 为 select。 为 DataList 控件 的 SelectedIndexChanged 事件 添加 事件 处 理 程序 。 在 该 事 
件 处 理 程 序 中 ， 调 用 控件 的 DataBind 方法 刷新 控件 中 的 信息 。 完 整 的 代码 如 下 : 


protected void DataList1_SelectedIndexChanged (object sender,System.EventArgs e) 
DataList1.DataBind(); 
) 


如 果 要 取消 选择 ， 可 以 将 控件 的 SelectedIndex 属性 设置 为 -1。 为 了 完成 此 操作 ， 可 以 将 
-个 Button 控件 添加 到 SelectedItemTemplate 上 , 并 将 其 CommandName 属性 设置 为 unselect。 


<asp:DataList ID="DataListl" runat="server" 

DataKeyField="st_id" DataSourcelD="SqlDataSource1" RepeatColumns="2" 
BackColor="White" BorderColor="#E7E7FF" BorderStyle="None" BorderWidth="1px" 
CellPadding="3" GridLines="Horizontal"> 

<EditItemStyle BackColor="#FF3300" /> 

<SelectedItemStyle BackColor="#738A9C" BorderColor="#003300" Font-Bold="True" 
ForeColor="#F7F7F7" /> 

<HeaderTemplate> 学 生 列表 如 下 : </HeaderTemplate> 

<FooterStyle BackColor="#B5C7DE" ForeColor="#4A3C8C" /> 
<AlternatingltemStyle BackColor="#F7F7F7" /> 

<TtemStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" /> 

<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#F7F7F7" /> 

<SelectedItemTemplate> 

</SelectedItemTemplate> 

<ItemTemplate> 
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学 号 : 

<asp:Label ID="st_idLabel" runat="server" Text='<%# Eval("st id") %>' /> 

&nbsp:<asp:LinkButton ID="EditButton" runat="server" CausesValidation="False" 
CommandName="edit" Text=" 编 辑 " /> 

&nbsp;<asp:LinkButton ID="SelectButton" runat="server" CausesValidation="False" 
CommandName="select" Text=" 选 择 " /> 


</ItemTemplate> 
</asp:DataList> 


(5) 保存 并 运行 程序 , 结果 如 图 9-15 和 图 9-16 所 示 。 单 击 DataList 控件 中 的 某 条 记录 的 


【选择 】 按 钮 后 ， 该 记录 将 突出 显示 。 


SB hes//ocalhost57245/Datalist aspx p~ cee 


Í localhost x 
XHA SRO SEV ERA IAM) 帮助 (H) 


CE http://localhost57245/Datalistaspx FEE] n x ú 


文件 RAE SEV CERA IAT) HRH) 


学 生 列 表 如 下 
学 号 : 20082410101 编辑 选择 学 号 : 20082410115 编辑 选择 


学 生 列 表 如 下 


学 号 : 20082410101 编辑 选择 学 号 : 20082410115 编辑 选择 


学 号 20082410102 编辑 选择 学 号 : 20082410116 编 办 选择 


学 号 : 20082410102 编辑 选择 学 号 20082410116 编辑 选择 


学 号 : 20082410103 编辑 选择 学 号 : 20082410117 编辑 选择 


学 号 : 20082410103 编辑 选择 学 号 : 20082410117 编辑 选择 


学 号 : 20082410104 编辑 选择 学 号 : 20082410118 编辑 选择 


学 号 : 20082410104 编辑 选择 学 号 : 20082410118 编辑 选择 


学 号 : 20082410105 编辑 选择 学 号 : 20082410119 编辑 选择 


学 号 : 20082410105 编辑 选择 学 号 : 20082410119 编辑 选择 


学 号 : 20082410106 编辑 选择 学 号 : 20082410120 编辑 选择 


学 号 : 20082410106 编辑 选择 学 号 : 20082410120 编辑 选择 


学 号 : 20082410107 编辑 选择 学 号 : 20082410121 ii 选择 


学 号 : 20082410107 编辑 选择 学 号 : 20082410121 编辑 选择 


学 号 : 20082410108 编辑 选择 学 号 : 20082410123 i8 选择 
学 号 : 20082410109 编辑 选择 学 号 : 20082410124 编辑 选择 
学 号 : 20082410110 编辑 选择 学 号 : 20082410125 编辑 选择 


学 号 : 20082410108 ti 选择 学 号 20082410123 编辑 选择 


学 号 : 20082410109 学 号 : 20082410124 编辑 选择 


学 号 : 20082410110 编辑 选择 学 号 - 20082410125 编辑 选择 


学 号 : 20082410111 编辑 选择 学 号 : 20082410126 ii 选择 


学 号 : 20082410111 编辑 选择 学 号 - 20082410126 编辑 选择 


学 号 : 20082410112 编辑 选择 学 号 : 20082410127 编辑 选择 


学 号 : 20082410112 编辑 选择 学 号 : 20082410127 编辑 选择 


学 号 : 20082410113 编辑 选择 学 号 : 20082410128 iii 选择 


学 号 : 20082410113 {84k 选择 学 号 : 20082410128 编辑 选择 


学 号 : 20082410114 编辑 选择 学 号 : 20082410129 ii 选择 


学 号 : 20082410114 编辑 选择 学 号 : 20082410129 编辑 选择 


图 9-15 浏览 器 中 的 DataList.aspx 页 面 图 9-16 在 DataList.aspx 中 选择 单个 记录 


9.2.3 ”DetailsView 控件 


DetailsView 控件 一 次 可 以 显示 一 条 数据 记录 。 当 需 要 深入 研究 数据 库 文件 中 的 某 一 个 记 
录 时 ，DetailsView 控件 就 可 以 大 显 身 手 了 。DetailsView 经 常 在 主 控 / 详 细 方 案 中 与 GridView 
控件 配合 使 用 。 用 户 使 用 GridView 控件 来 选择 列 ， 然 后 用 DetailsView 控件 来 显示 相关 的 
数据 。 

DetailsView 控件 依赖 于 数据 源 控件 的 功能 执行 ， 诸 如 更 新 、 插 入 和 删除 记录 等 任务 。 
DetailsView 控件 不 支持 排序 。DetailsView 控件 可 以 自动 对 其 关联 的 数据 源 中 的 数据 进行 分 
页 , 但 前 提 是 数据 由 支持 ICollection 接口 的 对 象 表示 或 基础 数据 源 支 持 分 页 。DetailsView 控 
件 提供 用 于 在 数据 记录 之 间 导 航 的 用 户 界面 (OD。 如 果 要 启用 分 页 行为 ， 则 将 AllowPaging 
属性 设置 为 tue 即 可 。 多 数 情况 下 ， 上 述 操作 的 实现 无 须 编写 代码 。 

【 例 9-3】 使 用 ObjectDataSource 控件 绑 定 到 自 定 义 的 业务 对 象 ， 使 用 该 业务 对 象 读 取 和 
插入 XML 数据 , 并 且 使 用 DetailsView 和 GridView 控件 设计 主 控 /详细 方案 , 实现 数据 绑 定 、 
对 数据 源 数 据 的 分 页 显示 、 选 择 、 编 辑 、 插 入 和 删除 的 操作 。 

有 具体 步骤 如 下 。 

(1) 在 [解决 方案 资源 管理 器 ] 中 , 右 击 网 站 名 , 从 弹出 的 快捷 菜单 中 选择 [添加 ASP.NET 
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文件 夹 】|【App_Data】 命 令 。 在 网 站 中 添加 了 一 个 【App_Data] 文件 夹 。 右 击 【App_Data】 
文件 夹 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 】 命 令 ， 在 对 话 框 中 选择 【XML 文件 】， 命 
名 为 studentinfo.xml。 

(2) 在 studentinfo.xml 文件 中 输入 如 下 内 容 并 保存 ， 然 后 关闭 文件 编辑 窗口 


o 


<dsPubs xmlns="aaa"> 
<xs:schema id="dsPubs" targetNamespace="aaa" xmlns:mstns="aaa" xmlns="aaa" 
xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:msdata ="urn:schemas-microsoft-com:xml-msdata" 
attributeFormDefault="qualified" elementFormDefault="qualified"> 
<xs:element name="dsPubs" msdata:IsDataSet="true"> 
<xs:complexType> 
<xs:choice minOccurs="0" maxOccurs="unbounded"> 
<xs:element name="students"> 
<xs:complexType> 
<xs:sequence> 
<xs:element name="st_id" type="xs:string"/> 
<xs:element name="st_name" type="xs:string"/> 
<xs:element name="st_sex" type="xs:string"/> 
<xs:element name="st_birthday" type="xs:string"/> 
<xs:element name="st_city" type="xs:string"/> 
</xs:sequence> 
</xs:complexType> 
</xs:element> 
</xs:choice> 
</xs:complexType> 
<xs:unique name="Constraint1" msdata:PrimaryKeyt="true" > 
<xs:selector xpath=".//mstns:students"/> 
<xs:field xpath=".//mstns:st_id"/> 
</xs:unique> 
</xs:element> 
</xs:schema> 
<students> 
<st_id>20082410101</st_id> 
<st_name> 陈 宇 </st_name> 
<st_sex> 男 </st_sex> 
<st_birthday>1990-10-6</st_birthday> 
<st_city> 北 京 </st_city> 
</students> 
<students> 
<st_id>20082410102</st_id> 
<st_name> 程 诚 </st_name> 
<st_sex> 男 </st_sex> 
<st_birthday>1989-7-9</st_birthday> 
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<st_city> 唐 山 </st_city> 

</students> 

<students> 
<st_id>20082410103</st_id> 
<st_name> 楚 宇 飞 </st_name> 
<st_sex> 女 </st_sex> 
<st_birthday>1991-5-4</st_birthday> 
<st_city> 天 津 </st_city> 

</students> 

<students> 
<st_id>20082410104</st_id> 
<st_name> 冯 乃 超 </st_name> 
<st_sex> 男 </st_sex> 
<st_birthday>1989-7-4</st_birthday> 
<st_city> 郑 州 </st_city> 

</students> 

<students> 
<st_id>20082410105</st_id> 
<st_name>#J#E</st name> 
<st_sex> 女 </st_sex> 
<st_birthday>1990-2-21</st_birthday> 
<st_city> 郑 州 </st_city> 

</students> 

<students> 
<st_id>20082410106</st_id> 
<st_name> 付 立 </st_name> 
<st_sex> 男 </st_sex> 
<st_birthday>1989-5-6</st_birthday> 
<st_city> 北 京 </st_city> 

</students> 

</dsPubs> 


(3) 创建 文件 夹 App_Code， 在 文件 夹 中 添加 新 项 ， 选 择 【 类 】， 创 建 一 个 类 名 为 
StudentObject.cs 的 类 文件 ， 在 该 类 中 定义 一 个 DataSet 私有 成 员 dsStudents， 通 过 类 的 
GetAuthors() 方 法 返回 该 成 员 。 创建 类 的 实例 后 , 该 实例 读 取 XML 文件 并 将 其 转换 为 数据 集 。 
再 定义 一 个 InsertStudent 方法 ， 该 方法 将 插入 一 个 学 生 记录 来 修改 业务 对 象 ， 然 后 将 更 新 后 
的 数据 集 以 XML 文件 的 形式 写 出 并 保存 。 完 整 的 代码 如 下 : 


using System; 


using System.Collections.Generic; 
using System.Ling; 
using System. Web; 
using System.Data; 


namespace DataSourceControl 
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Damespace StuClasses 
í 
public class StudentObject 
í 
private DataSet dsStudents = new DataSet("ds1"); 
private String filePath = 
HttpContext.Current.Server.MapPath("~/App_Data/studentinfo.xml"); 
public StudentObject() 
{ 
dsStudents.ReadXml(filePath, XmlReadMode.ReadSchema); 
} 
public DataSet GetStudents() 
{ 
return dsStudents; 
} 
public void InsertStudent(String st_id, String st_name, String st_sex, String st_birthday, String st_city) 
{// 插 入 学 生 记 录 来 修改 业务 对 象 
DataRow workRow = dsStudents. Tables[0].NewRow0; 
workRow.BeginEdit(); 
workRow[0] = st_id; 
workRow[1] = st_name; 
WorkRow[2] = st_sex; 
workRow[3] = st_birthday; 
workRow[4] = st_city; 
workRow.EndEdit(); 
dsStudents.Tables[0].Rows.Add(workRow); 
dsStudents.WriteXml(filePath, XmlWriteMode.WriteSchema); 


} 


通过 上 述 步骤 创建 了 业务 对 象 studentobject。 接 下 来 就 可 以 通过 ObjectDataSource 控件 连 
接 到 该 对 象 了 。 

(4) 创建 一 个 页 面 ， 命 名 为 ObjectDataSource.aspx。 

(5) 在 ObjectDataSource.aspx 页 面 中 ， 揪 入 一 个 ObjectDataSource 控件 (在 【工具 箱 】 的 
【数据 】 控 件 组 中 )， 如 图 9-17 所 示 。 其 ID 默认 为 ObjectDataSourcel， 单 击 该 控件 的 任务 列 
表 中 的 【配置 数据 源 】 任务 ， 在 【配置 数据 源 】 对 话 框 中 的 【选择 业务 对 象 】 下 拉 列 表 中 选 
择 DataSourceControl.StuClasses.StudentObject, 如 图 9-18 所 示 。 


Əasp:objectdatasource#ObjectDataSou... 


ObjectDataSource - ObjectDataSourcel ObjectDataSource 任务 
EEEE 


图 9-17 Web 窗 体 上 的 ObjectDataSource 控件 
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(6) 单 击 【下 一 步 】 按 钮 ， 在 【定义 数据 方法 】 界 面 中 的 【选择 方法 】 下 拉 列表 中 选择 
【GetStudents0， 返 回 DataSet】 选 项 ， 如 图 9-19 所 示 。 该 方法 返回 的 数据 集 包 含 studentinfo xml 
文件 的 数据 。 


过 有 可 以 用 于 检 雪 或 更新 类 返 的 业 各 对象 (8 和 0 ,在 此 应 月 忆 序 的 Bin 或 APP_Cod 目录 路 定义 的 对 甸 ). 


(0: 
DataSourceConrol Stuclasses. SudenrObject 


图 9-18 ObjectDataSourcel 控件 的 【配置 数据 源 】 对 话 框 


B> 定义 数据 方法 


SELECT | UPDATE | INSERT | DELETE 


LF SELECT Re Bt9t:S Eleemtiyss2;pt522. RATER Dataset, Dotakeoder Sam e, 
F Geproduactnaz cstegoryd) . SE DataSet. 


SAO: 
GetStudentc) , E DataSet 


DEEM): 
GetStudents0 ,返回 DataSet 


图 9-19 定义 数据 方法 对 话 框 


(7) 设置 ObjectDataSourcel 控件 的 InsertMethod 属性 为 msertStudent, 这 是 添加 到 业务 组 
件 的 方法 的 名 称 。 单 击 【 完 成 】 按 钮 ， 就 完成 了 将 ObjectDataSource 控件 连接 到 数据 源 的 工 
作 。 生 成 的 代码 如 下 : 


<asp:ObjectDataSource ID="ObjectDataSource1" runat="server" 
SelectMethod="GetStudents" 
TypeName="DataSourceControl.StuClasses.studentobject" 
InsertMethod="InsertStudent"> 

</asp:ObjectDataSource> 
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(8) TE ObjectDataSource.aspx 页 面 的 【设计 】 视 图 中 插入 一 个 GridView 控件 ， 配 置 其 数 
据 源 为 ObjectDataSource1， 在 【自动 套用 格式 】 中 选择 【彩色 型 】 架 构 样 式 来 处 理 显示 和 处 
理 数据 ， 启 用 分 页 功能 ， 在 【属性 】 面 板 中 设置 其 PageSize 属性 为 6， 即 一 页 显示 6 条 记录 。 

(9) 在 ObjectDataSource aspx 页 面 的 【设计 】 视 图 中 插入 一 个 DetailsView 控件 (在 【工具 箱 】 
的 【数据 】 控 件 组 中 )。 在 【DetailsView 任务 】 的 【选择 数据 源 】 框 中 选择 ObjectDataSourcel。 
在 【自动 套用 格式 】 中 选择 【彩色 型 】 架 构 来 显示 和 处 理 数据 。 在 【属性 】 面 板 中 ， 将 
AutoGenerateInsertButton 设置 为 tue。 这 会 使 DetailsView 控件 呈现 一 个 【新 建 】 按 钮 ， 用 户 
可 以 单 击 该 按钮 使 控件 进入 数据 输入 模式 。 

(10) 保存 网 站 ， 运 行程 序 ， 初 始 页 面 如 图 9-20 所 示 。studentinfo xml 文件 的 数据 显示 在 
浏览 器 中 。 在 DetailsView 控件 中 单 击 【 新 建 】 按 钮 ， 控 件 将 重新 显示 ， 其 中 包含 用 于 输入 新 
的 学 生 数据 的 文本 框 ， 如 图 9-21 所 示 。 输 入 完毕 后 ， 单 击 【插入 】 按 钮 ，GridView 控件 会 
立即 反映 新 的 记录 ， 如 图 9-22 所 示 。 此 时 新 的 学 生 数 据 也 将 添加 到 studentinfo xml 文件 中 。 


€ l nra < > WT n x 


RHA WAE EEV GERA IAM ENH) XHA SAE EEV CERA) IAT) 帮助 (H) 


st_city 
20082410101 陈 宇 1990-10-6 北京 20082410101 陈 宇 
20082410102 程 诚 。 5 1989-7-9 ”唐山 20082410102 程 诚 
20082410103 F% 1991-5-4 KI? 20082410103 F% 
20082410104 ADE 3 1989-7-4 郑州 20082410104 97588 
20082410105 JE: 1990-2-21 ”郑州 20082410105 $18% 1990-2-21 
20082410106 付 立 5 1989-5-6 jtm 20082410106 付 立 1989-5-6 
2014241012; 
Ea 

c] 
1988-11-23 


w __ 4 


1990-10-6 
北京 


图 9-20 浏览 器 中 的 ObjectDataSource.aspx 页 面 ”图 9-21 浏览 器 中 的 ObjectDataSource.aspx 插入 页 面 


| hp://localhost57245/0bject O ~ © UP 全 


文件 (月 SRE EEV GERA IAM SAH) 


st id 
20142410124 


图 9-22 浏览 器 中 的 ObjectDataSource.aspx 插入 后 的 页 面 


以 上 实现 了 : 用 ObjectDataSource 控件 绑 定 到 业务 对 象 ， 使 用 业务 对 象 来 读 取 XML 数 
据 ， 使 用 GridView 数据 绑 定 控件 显示 XML 数据 ; 使 用 业务 对 象 插入 XML 数据 ， 进 而 更 新 
XML 文件。 
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从 本 例 可 以 看 出 , 在 设计 主 控 / 详 细 视 图 的 网 页 时 ， 无 须 编写 代码 ， 即 可 实现 非常 复杂 的 
数据 浏览 、 编 辑 、 插 入 、 更 新 和 删除 操作 。 这 就 是 ASPNET 数据 控件 带 来 的 便利 ， 使 得 Web 
数据 库 编程 变 得 非常 简单 。 


9.2.4 FormView 控件 


FormView 控件 用 于 一 次 显示 数据 源 中 的 一 条 记录 , 其 工作 方式 类 似 于 DetailsView 控件 。 
FormView 控件 与 DetailsView 控件 的 主要 差异 在 于 , DetailsView 控件 具有 内 置 的 表格 呈现 方 
sÑ, 而 FormView 控 件 需要 用 户 自 定义 模板 来 呈现 数据 , 其 优点 是 可 以 更 自由 地 控制 数据 的 显 
示 和 编辑 方式 。FormView 控 件 通 常 也 与 GridView 控 件 一 起 用 于 主 控 / 详 细 信 息 方 案 的 设计 。 

FormView 控件 支持 数据 源 提供 的 任何 基本 操作 ,同时 可 在 记录 间 实 现 导 航 的 分 页 功能 。 
在 使 用 时 ， 通 过 创建 模板 来 显示 和 编辑 绑 定 值 。 这 些 模板 包含 用 于 定义 窗 体 的 外 观 和 功能 此 
控件 、 绑 定 表 达 式 和 格式 设置 。FormView 控件 常用 的 模板 属性 和 数据 连接 属性 分 别 如 表 9-8 
和 表 9-9 所 示 。 


表 9-8 FormView 控件 常用 的 模板 属性 


属 性 说 HB 
EditItemTemplate 编辑 现 有 记录 时 使 用 的 模板 
InsertItemTemplate 插入 新 记录 时 使 用 的 模板 
ItemTemplate 仅 当 为 查看 现 有 记录 时 使 用 的 模板 
PagerTemplate 控制 分 页 的 模板 
EmptyDataTemplate 指定 在 数据 源 不 返回 任何 数据 时 显示 的 模板 
HeaderTemplate 自 定 义 FormView 控件 的 页 眉 
FooterTemplate 自 定 义 FormView 控件 的 页 脚 

表 9-9 FormView 控件 的 主要 数据 连接 属性 

属 性 说 BB 
AllowPaging 是 否 允许 分 页 
DefaultMode 控件 开始 的 模式 ， 在 取消 、 插 入 、 更 新 命令 后 恢复 为 设 定 的 模式 
DataNames 数据 源 中 键 字段 的 以 逗号 分 隔 的 列表 
DataMember 用 于 绑 定 的 表 或 视图 
DataSourceID 数据 源 控件 的 ID 


【 例 9-4】 使 用 FormView 和 GridView 控件 设计 主 控 / 详 细 方案 ， 实 现 数据 绑 定 以 及 对 数 


据 源 数据 的 分 页 、 插 入 、 删 除 和 更 新 操作 。 


(1) 添加 一 个 名 为 FormView.aspx 的 页 面 。 
(2) 在 FormView.aspx 页 面 的 【设计 】 视 图 中 添加 一 个 SqlDataSource 数据 源 控件 ， 其 ID 


默认 为 SqlDataSource1， 并 设置 其 连接 的 数据 库 为 StudentDB， 设 置 其 Select 命令 ， 操 { 
studentinfo 表 中 的 数据 。 单 击 【高 级 】 按 钮 ， 在 【高 级 SQL 生成 选项 】 对 话 框 中 选中 【人 
È INSERT, UPDATE 和 DELETE 语句 (G)】 复 选 框 ， 单 击 【 确 定 】 按 钮 返回 【配置 Select 


Tr m 
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语句 】 对 话 框 ， 单 击 【 完 成 】 按 钮 完成 对 数据 源 的 配置 。 

(3) 在 FormView.aspx 页 面 上 添加 一 个 GridView 控件 。 在 该 控件 的 【选择 数据 源 】 下 拉 
列表 中 选择 SqlDataSource1, fE 【自动 套用 格式 】 中 选择 【大 洋 洲 】 架 构 的 样式 来 显示 和 处 
理 数 据 。 选中 菜单 中 的 【启用 选 定 内 容 】。 设置 GridView 控件 的 DataKeyNames 属性 为 st_id。 
自动 生成 的 代码 如 下 : 


<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
BackColor="White" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" 
CellPadding="4" DataKeyNames="st_id" DataSourceID="SqlDataSourcel"> 
<Columns> 
<asp:CommandField ShowSelectButton="True" /> 
<asp:BoundField DataField="st_id" HeaderText="st_id" ReadOnly="True" 
SortExpression="st_id" /> 
<asp:BoundField DataField="st_name" HeaderText="st_name" 
SortExpression="st_name" /> 
<asp:BoundField DataField="st_sex" HeaderText="st_sex" 
SortExpression="st_sex" /> 
<asp:BoundField DataField="st_birthday" HeaderText="st_birthday" 
SortExpression="st_birthday" /> 
<asp:BoundField DataField="st_city" HeaderText="st_city" 
SortExpression="st_city" /> 
</Columns> 
<FooterStyle BackColor="#99CCCC" ForeColor="#003399" /> 
<HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" /> 
<PagerStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Left" /> 
<RowStyle BackColor="White" ForeColor="#003399" /> 
<SelectedRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" /> 
<SortedAscendingCellStyle BackColor="#EDF6F6" /> 
<SortedAscendingHeaderStyle BackColor="#0D4AC4" /> 
<SortedDescendingCellStyle BackColor="#D6DFDF" /> 
<SortedDescendingHeaderStyle BackColor="#002876" /> 
</asp:GridView> 


(4) 在 FormView.aspx 的 【设计 】 视 图 中 再 添加 一 个 SqlDataSource 数据 源 控件 ， 其 ID 
默认 为 SqlDataSource2， 设 置 其 连接 的 数据 库 为 StudentDB， 在 指定 Select 查询 时 ， 选择 【*】 
查询 所 有 的 字段 。 单 击 WHERE 按钮 添加 Where 子 句 ， 在 【添加 WHERE 子 句 】 对 话 框 中 ， 
将 【 列 】、【 运 算 符 】、【 源 】 和 【控件 DD】 分 别 设置 为 st id. =, Control 和 GridView1, 
单 击 【 配 置 Select 语句 】 对 话 框 中 的 【高 级 】 按 钮 ， 在 弹出 的 对 话 框 中 选中 【生成 INSERT、 
UPDATE 和 DELETE 语句 】 复 选 枉 ， 这 样 就 可 以 启用 FormView 控件 的 插入 、 更 新 和 删除 功 
能 ETs 


(5) 在 FormView.aspx 页 面 的 【设计 】 视 图 中 添加 一 个 FormView 数据 绑 定 控件 。 在 
【FormView 任务 】 中 选择 数据 源 为 SqlDataSource2， 在 【自动 套用 格式 】 中 选择 【大 洋 洲 】 
架构 的 样式 来 显示 和 处 理 数据 ， 并 编辑 相应 的 模板 。 生 成 的 代码 如 下 : 
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<asp:FormView ID="FormView1" runat="server" BackColor="White" BorderColor="#3366CC" 
BorderStyle="None" BorderWidth="1px" CellPadding="4" DataKeyNames="st_id" 
DataSourceID="SqlDataSource2" GridLines="Both"> 
<EditltemTemplate> 
st id: 
<asp:Label ID="st_idLabell1" runat="server" Text='<%# Eval("st_id") %>' /> 
<br > 
st_name: 
<asp:TextBox ID="st_nameTextBox" runat="server" Text=<%# Bind("st_ name") %>'/> 
<br > 
st_sex: 
<asp:TextBox ID="st_sexTextBox" runat="server" Text='<%# Bind("st_sex") %>' /> 
<br /> 
st_birthday: 
<asp:TextBox ID="st_birthdayTextBox" runat="server" 
Text='<%# Bind("st_birthday") %>' /> 
<br /> 
St_city: 
<asp:TextBox ID="st_cityTextBox" runat="server" Text='<%# Bind("st_city") %>' /> 
<br /> 
<asp:LinkButton ID="UpdateButton" runat="server" CausesValidation="True" 
CommandName="Update" Text=" 更 新 " /> 
&nbsp:<asp:LinkButton ID="UpdateCancelButton" runat="server" 
CausesValidation="False" CommandName="Cancel" Text=" 取 消 " /> 
</EditltemTemplate> 
<EditRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" /> 
<FooterStyle BackColor="#99CCCC" ForeColor="#003399" /> 
<HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" /> 
<InsertItemTemplate> 
st_id: 
<asp:TextBox ID="st_idTextBox" runat="server" Text='<%# Bind("st_id") %>' /> 
<br /> 
st_name: 
<asp:TextBox ID="st_nameTextBox" runat="server" Text=<%# Bind("st_name") %>'/> 
<br /> 
St_sex: 
<asp:TextBox ID="st_sexTextBox" runat="server" Text='<%# Bind("st_sex") %>' /> 
<br > 
st birthday: 
<asp:TextBox ID="st_birthdayTextBox" runat="server" 
Text='<%# Bind("st_birthday") %>' /> 
<br/> 
st_city: 
<asp:TextBox ID="st_cityTextBox" runat="server" Text='<%# Bind("st_city") %>'/> 
<br /> 
<asp:LinkButton ID="InsertButton" runat="server" CausesValidation="True" 
CommandName="Insert" Text=" 插 入 " /> 
&nbsp;<asp:LinkButton ID="InsertCancelButton" runat="server" 
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CausesValidation="False" CommandName="Cancel" Text=" 取 消 " /> 
</InsertItemTemplate> 
<ItemTemplate> 
st_id: 
<asp:Label ID="st_idLabel" runat="server" Text='<%# Eval("st_id") %>' /> 
<br > 
st_name: 
<asp:Label ID="st nameLabel" runat="server" Text='<%# Bind("st_name") %>' /> 
<br > 
st_sex: 
<asp:Label ID="st_sexLabel" runat="server" Text='<%# Bind("st_sex") %>' /> 
<br /> 
st_birthday: 
<asp:Label ID="st_birthdayLabel" runat="server" 
Text='<%# Bind("st_birthday") %>' /> 
<br /> 
st_city: 
<asp:Label ID="st_cityLabel" runat="server" Text='<%# Bind("st_city") %>' /> 
<br > 
<asp:LinkButton ID="EditButton" runat="server" CausesValidation="False" 
CommandName="Edit" Text=" 编 辑 " /> 
&nbsp;<asp:LinkButton ID="DeleteButton" runat="server" CausesValidation="False" 
CommandName="Delete" Text=" 删 除 " /> 
&nbsp;<asp:LinkButton ID="NewButton" runat="server" CausesValidation="False" 
CommandName="New" Text=" 新 建 " /> 
</ItemTemplate> 
<PagerStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Left" /> 
<RowStyle BackColor="White" ForeColor="#003399" /> 
</asp:FormView>> 


ItemTemplate 中 的 所 有 标记 都 呈现 在 表 的 单元 格 中 。 正 如 前 面 所 提 到 的 ，FormView 的 
整体 布局 是 表格 。 添加 了 【编辑 ] 按 钮 , 该 按钮 的 命令 名 称 是 Edit。 该 命令 名 称 使 得 FormView 
自动 从 只 读 模式 切换 到 编辑 模式 ， 同 时 显示 编辑 模板 定义 的 内 容 ( 如 果 定 义 了 编辑 模板 )。 可 
以 使 用 包括 任何 命令 名 称 和 标题 的 按钮 控件 。 如 果 不 要 求 自动 改变 模式 ， 则 可 以 调用 
ChangeMode 和 FormView 控件 支持 的 其 他 方法 。 

为 了 编辑 绑 定 记录 ， 可 以 利用 EditItemTemplate 属性 定义 编辑 模板 。 在 该 模板 中 可 以 放 
置 包括 验证 控件 在 内 的 任何 输入 控件 集合 .为 了 获取 更 新 绑 定 记录 的 值 , 需要 使 用 Bind 方法 。 
编辑 模板 中 必须 包括 用 于 保存 修改 的 按钮 。 这 些 常 见 按钮 的 命令 名 称 设 置 为 ,实现 保存 的 
Update 和 实现 取消 的 Cancel。 按 钮 引发 了 更 新 命令 ， 将 细节 存储 在 相关 数据 源 对 象 中 。 只 要 
不 改变 命令 名 称 , 可 以 将 按钮 标题 设置 为 任何 文本 。 如 果 修 改 命令 名 称 , 则 需要 处 理 FormView 
控件 的 IemCommand 事件 ， 然 后 调用 UpdateItem 方法 响应 该 事件 。 

除了 在 EditltemTemplate 中 设置 Update 和 Cancel 按钮 ， 还 需要 为 识别 键 字 段 而 设置 
FormView 控件 的 DataKeyNames 属性 。 为 了 删除 记录 ， 可 以 添加 一 个 命令 名 称 为 Delete 的 
按钮 ， 同 时 配置 底层 数据 源 控 件 。 
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当 添加 新 记录 时 ， 使 用 InsertItemTemplate 属性 来 定义 输入 布局 。 为 了 避免 混乱 ,插入 模 
板 不 应 该 与 编辑 模板 有 太 大 不 同 。 同 时 ， 应 该 认识 编辑 和 插入 是 两 个 具有 不 同 需求 的 、 截 然 
不 同 的 操作 。 例 如 ， 插 入 模板 应 该 提供 可 接收 的 控件 默认 值 ， 在 其 他 位 置 应 该 显示 不 确定 或 
者 空 值 。 

开始 插入 操作 , 还 需要 一 个 命令 名 称 为 New 的 按钮 。 单 击 该 按钮 将 强制 FormView 控件 
将 模式 修改 为 Insert， 同 时 呈现 插入 模板 中 定义 的 内 容 。 插 入 模板 还 应 该 提供 一 对 
Update/Cancel 按钮 ， 这 两 个 按钮 与 编辑 模式 中 的 按钮 使 用 相同 的 命令 名 称 。 

(6) 保存 网 站 ， 运 行程 序 ， 初 始 的 运行 界面 如 图 9-23 所 示 ， 当 单 击 GridView 控件 上 某 
条 记录 的 【选择 】 按 钮 后 ，FormView 控件 将 显示 相同 的 记录 的 详细 信息 ， 如 图 9-24 所 示 。 
单 击 FormView 控件 中 的 【编辑 】、【 删 除 】 或 【插入 】 按 钮 ， 分 别 可 完成 对 数据 的 编辑 、 
删除 或 插入 操作 ， 如 图 9-25 和 图 9-26 所 示 。 


htps/ocahost57245/FormView asps 


20082410101 1990/10/6 0:00:00 
20082410102 | 各 1989/7/9 0:00:00 
20082410103 38 X | 女 |1991/5/4 0:00:00 
20082410104 | 55E 1989/7/4 0:00:00 
20082410105 |185 z _ |1990/2/21 0:00:00 | 郑州 
20082410105 | 付 立 | 1989/5/6 0:00:00 


XAA RAO FAV SEZA IAM EMH 


选择 20082410101 PFF |$ | 1990/10/6 0:00:00 

这 择 20082410102 fE | | 1989/7/9 0:00:00 stid ae 
‘t name: 3 

Hl [20082410103 FK | 女 。 | 1991/574 0:00:00 pe 


st sec B 

st birthday: 1989/7/4 0.00.00 
- st city: 郑州 

选择 20082410105 | $$ 1990/2/21 0:00:00 FETE] 


选择 | 20082410106 | 付 立 B | 1989/5/6 0:00:00 


20082410101 |F 1990/10/6 0:00:00| 
择 [20082410102 1989/7/9 0:00-00 
20082410103 |F% 1991/5/4 0:00:00 


择 [20082410105 |H} 1990/2/21 0:00:00] 
¿EE [20082410106 | 付 立 1989/5/6 0:00:00 


图 9-25 在 主 控 / 详 细 页 面 中 编辑 记录 
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earec 1) 9 = Ó 


ET RED EEV SERA IAM EHH 


选择 |20082410101 RF S [1990/10/6 0:00:00 | 北京 
选择 |20082410102 程 城 |B 。 | 19s979 0:00:00 
选择 | 20082410103 SSX r — |1991/5/4 0:00:00 | 天 


Z [1990221 0:00:00 
男 “|198%3600000 | 北京 


选择 20082410105 $3 
选择 20082410106 付 立 


图 9-26 在 主 控 / 详 细 页 面 中 插入 记录 
9.2.5 ”DataPager 控件 


DataPager 是 个 单独 的 控件 ， 可 以 用 它 来 扩展 另 一 个 数据 绑 定 控件 。 目 前 ， 只 能 用 
DataPager 为 ListView 控件 提供 分 页 功能 , 但 预计 第 三 方 控件 或 其 他 未 来 的 ASP.NET 控件 也 
会 得 到 扩展 。 

DataPage 与 ListView 一 起 使 用 ,可 以 为 数据 源 中 的 数据 编 页 码 ， 以 分 布 的 形式 将 数据 提 
供给 用 户 ， 而 不 是 一 次 显示 所 有 记录 。 将 DataPager 与 ListView 控件 关联 后 ， 分 页 是 自动 完 
成 的 。 将 DataPager 与 ListView 控件 关联 有 如 下 两 种 方法 。 

(1) 可 以 在 ListView 控件 的 LayoutTemplate 模板 中 定义 它 。 此 时 ,DataPager 将 明确 它 给 
哪个 控件 提供 分 页 功能 。 

(2) 在 ListView 控件 外 部 定义 它 。 这 种 情况 下 ， 需 要 将 DataPager 的 PagedControlID 属 
性 设置 为 有 效 ListView 控件 的 ID。 如 果 想 将 DataPager 控件 放 到 页 面 中 的 不 同 地 方 ， 例 如 
Footer 或 SideBar 区 域 ， 也 可 以 在 ListView 控件 的 外 部 进行 定义 。 

DataPager 控件 包括 两 种 样式 : 第 一 种 是 “上 一 页 /下 一 页 ”样式 ， 第 二 种 是 “数字 页 导 
航 ” 样 式 。 如 图 9-27 和 图 9-28 所 示 。 

选择 页 导航 样式 


Bai Essl 
GERSAFE 


图 9-27 DataPager 控件 的 文本 样式 


| 选择 页 导航 样式 Bansa) 
编辑 页 导航 字段 


图 9-28 DataPager 控件 的 数字 页 导航 样式 


当 使 用 “上 一 页 /下 一 页 ”样式 时 ，DataPager 控件 的 HTML 实现 代码 如 下 : 


<asp:DataPager ID="DataPager1" runat="server"> 
<Fields> 
<asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" 
ShowLastPageButton="True" /> 
</Fields> 
</asp:DataPager> 
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当 使 用 “数字 页 导航 ”样式 时 ，DataPager 控件 的 HTML 实现 代码 如 下 : 


<asp:DataPager ID="DataPager1" runat="server"> 
<Fields> 
<asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" 
ShowNextPageButton="False" ShowPreviousPageButton="False" /> 
<asp:NumericPagerField /> 
<asp:NextPreviousPagerField ButtonType="Button" ShowLastPageButton="True" 
ShowNextPageButton="False" ShowPreviousPageButton="False" /> 
</Fields> 
</asp:DataPager> 


除了 可 以 通过 默认 的 方法 来 显示 分 页 样式 以 外 ， 还 可 以 通过 向 DataPager 的 Fields 中 添 
加 TemplatePagerField 的 方法 来 自 定义 分 页 样式 ,在 TemplatePagerField 中 添加 PagerTemplate， 
在 PagerTemplate 中 添加 服务 器 控件 ， 这 些 服务 器 控件 即 可 通过 实现 TemplatePagerField 的 
OnPagerCommand 事件 来 实现 自 定义 分 页 。 


9.2.6 ListView 控件 


ListView 控件 很 好 地 集成 了 GridView 和 DataLis 的 优点 。 类 似 于 GridView, 它 支持 数据 
编辑 、 删 除 和 分 页 ， 类 似 于 DataList， 它 支持 多 列 和 多 行 布局 。 

ListView 通 过 模板 (允许 控制 ListView 对 其 底层 数据 提供 的 许多 不 同 的 视图 ) 显 示 和 管理 其 
数据 。 如 表 9-10 所 示 列 出 了 所 有 可 添加 为 页 面 标记 中 ListView 控 件 的 直接 子 元 素 的 可 用 模板 。 


表 9-10 ListView 的 可 用 模板 


模 板 描述 
作为 控件 的 容器 , 它 可 以 定义 一 个 放置 单独 数据 项 ( 像 Reviews) 的 位 置 ， 
<LayoutTemplate> 然后 通过 ItemTemplate 和 AlternatingItemTemplate 表示 的 数据 项 作为 容 
器 的 子 元 素 添加 
<ItemTemplate> 定义 控件 的 只 读 模式 。 当 一 起 使 用 时 ， 它 们 可 以 创建 一 种 “斑马 纹 效 
<AlternatingltemTemplate> 果 ”， 奇 偶 行 有 着 不 同 的 外 观 (通常 是 不 同 的 背景 色 ) 
<SelectedItemTemplate> 允许 定义 当前 活动 或 选择 项 的 外 观 


这 两 个 模板 允许 定义 用 于 插入 和 更 新 列表 中 的 项 的 用 户 界面 。 通 常 ， 
放置 文本 框 、 下 拉 列 表 和 其 他 服务 器 控件 等 到 这 些 模板 中 ， 将 它们 与 
底层 数据 源 绑 定 

定义 放置 在 列表 中 项 之 间 的 标记 。 可 用 于 在 项 之 间 添 加 线 、 图 像 或 其 
他 标记 
在 控件 无 数据 显示 时 显示 。 可 以 添加 文本 或 其 他 标记 ， 告 诉 用 户 无 数 
据 显 示 


<InsertItemTemplate> 


<EditltemTemplate> 


<ItemSeparatorTemplate> 


<EmptyDataTemplate> 


<GroupTemplate> 


在 高 级 表现 场景 中 使 用 ， 其 中 数据 可 呈现 在 不 同 组 中 


<GroupSeparatorTemplate> 
<EmptyItemTemplate 


第 9 章 ADONET 数据 库 高 级 操作 。255。 


尽管 这 些 模板 看 上 去 让 人 觉得 需要 编写 大 量 的 代码 来 使 用 ListView， 但 事实 并 非 如 此 。 
首先 , 根据 一 些 控件 (如 LinqDataSource) 提 供 的 数据 ,创建 了 大 部 分 代码 。 其 次 ， 并 不 总 是 需 
要 所 有 模板 ， 这 就 可 以 最 小 化 控件 所 需 的 代码 。 除 了 许多 模板 外 ，ListView 控件 还 具有 如 表 


9-11 所 示 的 属性 ， 可 以 通过 对 这 些 属性 进行 设置 来 影响 控件 行为 。 
表 9-11 ListView 控件 的 主要 属性 
属 性 描述 
放置 在 LayoutTemplate 中 的 服务 器 端 控 件 的 ID。 当 该 属性 引用 的 控件 在 屏幕 上 显 
示 时 ， 由 所 有 重复 的 数据 项 取代 。 它 可 以 是 一 个 服务 器 控件 ， 如 <asp:PlaceHolder> 
ItemPlaceholderID 或 是 一 个 简单 的 HIML 元 素 ， 带 有 一 个 有 效 的 ID， 其 runat 属性 设置 为 服务 器 ( 例 
如 <ul runat= " server " id=" MainList " ></ul>)。 如 果 不 设置 该 属性 ，ASP.NET 会 
尝试 找到 了 D 为 itemPlaceholder 的 控件 并 使 用 该 控件 
DataSourceID 页 面 上 数据 源 控件 的 也， 如 LinqDataSource 或 SqlDataSource 控件 
本 这 一 属性 的 枚 举 包 括 3 个 值 ,分 别 为 None、FirstItem 和 LastItem, 允许 确定 InsertItem 
InsertItemPosition 


Template 的 位 置 : 在 列表 的 开始 或 末尾 ， 或 者 不 可 见 


和 其 他 数据 绑 定 控件 一 样 ，ListView 有 大 量 在 控件 生命 周期 的 特定 时 间 触 发 的 事件 。 例 
如 ， 它 有 在 项 插入 到 底层 数据 源 前 后 触发 的 IemInserting 和 ItemInserted 事件 。 类 似 地 ， 它 还 
有 在 更 新 和 删除 数据 前 后 的 事件 。 如 表 9-12 所 示 列 出 了 ListView 控件 的 事件 。 


表 9-12 ListView 控件 的 主要 事件 


# # Ho ð 
AfterLabelEdit 在 编辑 了 标签 后 ， 引 发 该 事件 
BeforeLabelEdit 在 用 户 开始 编辑 标签 前 ， 引 发 该 事件 
ColumnClick 在 单 击 一 列 时 ， 引 发 该 事件 
ItemActivate 在 激活 一 个 选项 时 ， 引 发 该 事件 
【 例 9-5】 使 用 ListView 控件 对 数据 源 的 数据 进行 分 组 显示 、 编 辑 、 删 除 和 插入 。 
步骤 如 下 。 


(1) 新 建 一 个 名 为 ListView.aspx 的 页 面 。 

(2) 在 ListView.aspx 页 面 的 【设计 】 视 图 中 添加 一 个 SqlDataSource 数据 源 控件 ， 其 ID 
默认 为 SqlDataSourcel， 并 设置 其 连接 的 数据 库 为 StudentDB, 设置 其 Select 命令 ， 用 于 操作 
studentinfo 表 中 的 数据 。 单 击 【 高 级 】 按 钮 ， 在 打开 的 【高 级 SQL 生成 选项 】 对 话 框 中 选 
HH [ÆR INSERT, UPDATE 和 DELETE 语句 (G)】 复 选 框 ， 单 击 【 确 定 】 按 钮 返回 【配置 
Select 语句 】 对 话 框 ， 单 击 【 完 成 】 按 钮 完成 对 数据 源 的 配置 。 

(3) 在 ListView.aspx 页 面具 设计 了 视图 中 添加 一 个 ListView 控 件 ListViewl。 在 [ListView 
任务 】 中 选择 数据 源 为 sqlDataSourcel。 在 【配置 ListView】 对 话 框 中 选择 布局 为 【网 格 】; 
选择 样式 为 【专业 型 】; 选中 【启用 编辑 】、【 启 用 插入 】、【 启 用 删除 】、【 启 用 分 页 】 
复 选 框 ， 并 选择 【数字 页 导航 】 样 式 。 单 击 【 确 定 】 按 钮 ， 自 动 生成 的 代码 如 下 : 


<asp:ListView ID="ListViewl" runat="server" DataKeyNames="st_id" 
DataSourceID="SqlDataSourcel" InsertItemPosition="LastItem"> 
<AlternatingltemTemplate> 
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<tr style="background-color:#FFF8DC;"> 
<td> 
<asp:Button ID="DeleteButton" runat="server" CommandName="Delete" Text=" 删 除 " /> 
<asp:Button ID="EditButton" runat="server" CommandName="Edit" Text=" 编 辑 " /> 
</td> 
<td> 
<asp:Label ID="st_idLabel" runat="server" Text='<%# Eval("st_id") %>'/> 
</td> 
<td> 
<asp:Label ID="st_nameLabel" runat="server" Text='<%# Eval("st_name") %>' /> 
</td> 
<td> 
<asp:Label ID="st_sexLabel" runat="server" Text=<%# Eval("st_sex") %>'/> 
</td> 
<td> 
<asp:Label ID="st_birthdayLabel" runat="server" 
Text='<%# Eval("st_birthday") %>' /> 
</td> 
<td> 
<asp:Label ID="st_cityLabel" runat="server" Text='<%# Eval("st_city") %>'/> 
</td> 
</tr> 
</AlternatingItemTemplate> 
<EditItemTemplate> 
<tr style="background-color:#008A8C;color: #FFFFFF;"> 
<td> 
<asp:Button ID="UpdateButton" runat="server" CommandName="Update" Text=" 更 新 " > 
<asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text=" 取 消 " /> 
</td> 
<td> 
<asp:Label ID="st_idLabell" runat="server" Text='<%# Eval("st_id") %>'/> 
</td> 
<td> 
<asp:TextBox ID="st_nameTextBox" runat="server" Text=<%# Bind("st_name") %>'/> 
</td> 
<td> 
<asp:TextBox ID="st_sexTextBox" runat="server" Text='<%# Bind("st_sex") %>' /> 
</td> 
<td> 
<asp:TextBox ID="st_birthdayTextBox" runat="server" 
Text='<%# Bind("st_birthday") %>' /> 
</td> 
<td> 
<asp:TextBox ID="st_cityTextBox" runat="server" Text='<%# Bind("st_city") %>' /> 
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</td> 
</tr> 
</EditItemTemplate> 
<EmptyDataTemplate> 
<table runat="server" style="background-color: #FFFFFF;border-collapse: collapse:border-color: 
#999999:border-style:none;border-width:1px;"> 
<tr> 
<td> 
未 返回 数据 。</td> 
</tr> 
</table> 
</EmptyDataTemplate> 
<InsertltemTemplate> 
<tr style=""> 
<td> 
<asp:Button ID="InsertButton" runat="server" CommandName="Insert" Text=" 插 入 " /> 
<asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text=" 清 除 " /> 
</td> 
<td> 
<asp:TextBox ID="st_idTextBox" runat="server" Text='<%# Bind("st_id") %>' /> 
</td> 
<td> 
<asp:TextBox ID="st_nameTextBox" runat="server" Text=<%# Bind("st_name") %>'/> 
</td> 
<td> 
<asp:TextBox ID="st_sexTextBox" runat="server" Text=<%# Bind("st_sex") %>'/> 
</td> 
<td> 
<asp:TextBox ID="st_birthdayTextBox" runat="server" 
Text='<%# Bind("st_birthday") %>' /> 
</td> 
<td> 
<asp:TextBox ID="st_cityTextBox" runat="server" Text='<%# Bind("st_city") %>'/> 
</td> 
</tr> 
</InsertItemTemplate> 
<ItemTemplate> 
<tr style="background-color: #DCDCDC:;color: #000000:"> 
<td> 
<asp:Button ID="DeleteButton" runat="server" CommandName="Delete" Text=" 删 除 " /> 
<asp:Button ID="EditButton" runat="server" CommandName="Edit" Text=" 编 辑 " /> 
</td> 
<td> 
<asp:Label ID="st_ idLabel" runat="server" Text='<%# Eval("st_id") %>'/> 
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</td> 
<td> 
<asp:Label ID="st nameLabel" runat="server" Text—<%# Eval("st_name") %>'/> 

</td> 
<td> 

<asp:Label ID="st_sexLabel" runat="server" Text=<%# Eval("st_sex") %>'/> 
</td> 
<td> 

<asp:Label ID="st_birthdayLabel" runat="server" 

Text='<%# Eval("st_birthday") %>' /> 

</td> 
<td> 

<asp:Label ID="st_cityLabel" runat="server" Text='<%# Eval("st_city") %>'/> 
</td> 


</tr> 
</ItemTemplate> 
<LayoutTemplate> 

<table runat="server"> 


<tr runat="server"> 
<td runat="server"> 
<table ID="itemPlaceholderContainer" runat="server" border="1" 
style="background-color: #FFFFFF:border-collapse: 


collapse;border-color: #999999:border-style:none:border-width:1px:font-family: Verdana, Arial, Helvetica, 


sans-serif:"> 


<tr runat="server" style="background-color #DCDCDC;color: #000000;"> 

<th runat="server"> 

</th> 

<th runat="server"> 
st_id</th> 

<th runat="server"> 
st_name</th> 

<th runat="server"> 
st_sex</th> 

<th runat="server"> 
st_birthday</th> 

<th runat="server"> 
st_city</th> 


</tr> 
<tr ID="itemPlaceholder" runat="server"> 
</tr> 
</table> 
</td> 
</tr> 


<tr runat="server"> 
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<td runat="server" 
style="text-align: centerbackground-color: #CCCCCC-font-family: Verdana, 
Arial, Helvetica, sans-serif:color: #000000:"> 
<asp:DataPager ID="DataPager1" runat="server"> 
<Fields> 
<asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" 
ShowNextPageButton="False" ShowPreviousPageButton="False" /> 
<asp:NumericPagerField /> 
<asp:NextPreviousPagerField ButtonType="Button" ShowLastPageButton="True" 
ShowNextPageButton="False" ShowPreviousPageButton="False" /> 
</Fields> 
</asp:DataPager> 
</td> 
</tr> 
</table> 
</LayoutTemplate> 
<SelectedItemTemplate> 
<tr style="background-color:#008A8C;font-weight: bold;color: #FFFFFF;"> 
<td> 
<asp:Button ID="DeleteButton" runat="server" CommandName="Delete" Text=" MKR" /> 
<asp:Button ID="EditButton" runat="server" CommandName="Edit" Text=" 编 辑 " /> 
</td> 
<td> 
<asp:Label ID="st_idLabel" runat="server" Text='<%# Eval("st_id") %>'/> 
</td> 
<td> 
<asp:Label ID="st nameLabel" runat="server" Text=<%# Eval("st_name") %>'/> 
</td> 
<td> 
<asp:Label ID="st_sexLabel" runat="server" Text=<%# Eval("st_sex") %>'/> 
</td> 
<td> 
<asp:Label ID="st_birthdayLabel" runat="server" 
Text='<%# Eval("st_birthday") %>' /> 
</td> 
<td> 
<asp:Label ID="st_cityLabel" runat="server" Text=<%# Eval("st_city") %>'/> 
</td> 
</tr> 
</SelectedItemTemplate> 
</asp:ListView> 


(D 保存 网 站 ， 运 行程 序 ， 结 果 如 图 9-29 所 示 。ListView 控件 将 分 页 显示 学 生 信 息 ， 


F 且 能 够 实现 添加 、 删 除 和 修改 操作 。 完 成 这 些 功能 都 无 须 编写 代码 。 
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Sst_birthday 
[1990/1076 0:00:00jt 京 


stid 
20082410101 
20082410102 
[20082410103 
0082410104 
0082410105 
(20082410106 
0082410107 
a |20082410108 
0082410109 
[20082410110 


[1989/7/9 0:00:00 |æ 
|1991/5/4 0:00:00 
[1989/7/4 0:00:00 
[1990/2/21 0:00:01 
1989/5/6 0:00:00 
1991/4/9 0:00:00 
1990/3/9 0:00:00 

991/6/5 0:00:00 
1992/9/6 0:00:00 


BE EI 


» 


图 9-29 H ListView 控件 显示 学 生 信 息 


93 本 章 小 结 


本 章 介绍 了 ASPNET 中 的 一 些 重要 的 数据 源 控 件 和 数据 绑 定 控件 , 并 描述 了 ASP.NET 
中 的 其 他 数据 绑 定 特性 ， 用 实例 说 明了 如 何 使 用 数据 源 控件 方便 快捷 地 把 数据 绑 定 到 数据 
绑 定 控 件 上 。 本 章 首先 介绍 的 是 数据 源 控 件 ， 然 后 介绍 数据 源 和 数据 绑 定 控件 相 结合 ，i 
里 主要 介绍 了 复杂 的 数据 绑 定 控件 ， 例 如 GridView, DataList, DetailsView, FormView 和 
ListView 等 。 


9 # J 


1. 如 果 需 要 创建 一 个 用 户 界 面 ， 使 用 户 显示 、 筛 选 、 编 辑 和 删除 某 个 SQL Server 数据 
库 中 的 数据 ， 可 以 选择 使 用 哪些 数据 源 控 件 ? 
2. Repeater 控件 是 如 何 显示 数据 源 控件 获取 的 数据 的 ? DataList 控件 又 是 如 何 显示 数 


. 与 数据 控件 如 GridView 和 Repeater 相 比 ，ListView 控件 的 主要 优势 在 哪里 ? 
. 请 解释 ASP.NET 中 的 数据 绑 定 与 传统 数据 绑 定 有 什么 区 别 ? 
. 如 果 需 要 在 GridView 控件 的 某 一 列 中 添加 下 拉 列 表 框 并 绑 定 数据 ， 该 如 何 实现 ? 
. 简要 叙述 DataPager 控件 的 功能 。 

7. 新 建 一 个 名 字 为 DataBinding Exercise 的 网 站 。 

(1) 在 网 站 中 建立 用 于 数据 绑 定 的 数据 库 (可 参考 本 章 使 用 的 实例 数据 库 )。 

(2) 添加 一 个 网 页 ， 利 用 GridView 实现 数据 的 分 页 显示 。 

(3) 添加 一 个 网 页 ， 利 用 DataList 实现 数据 的 分 页 显示 。 

(4) 添加 一 个 网 页 ， 利 用 FormView 控件 实现 数据 的 插入 、 修 改 和 删除 操作 ， 以 及 
FormView 界面 和 自 定义 布局 。 

(5) 添加 一 个 页 面 ， 利 用 DetailsView 实现 对 某 一 记录 的 编辑 、 修 改 和 删除 操作 。 

8. 在 VS 2012 中 ， 创 建 一 个 SQL Server 数据 库 Users， 其 中 含有 一 个 表 Users， 其 字段 
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和 类 型 如 表 9-13 所 示 。 


表 9-13 Users 表 


t HH 
UserNo 户 编号 
UserName 户 姓 名 
UserPower 户 权限 
UserPhone 户 电话 号 码 
UserClass 户 类 别 


(1) 创建 ASP.NET 程序 ， 使 用 LinqDataSource 控件 连接 Users 数据 库 ， 使 用 GridView 
控件 显示 Users 表 中 的 数据 记录 ， 提 供 排序 和 分 页 显示 功能 ， 每 页 显示 5 条 记录 数据 。 

(2) 创建 ASP.NET 程序 ， 使 用 SqlDataSource 控件 连接 Users 数据 库 ， 使 用 ListView 和 
DetailsView 控件 实现 分 组 显示 、 删 除 和 插入 ， 并 且 提 供 数据 表 的 编辑 功能 。 


第 10 章 ”LINQ 技 术 


LINQ, 即 语言 集成 查询 (Language-Integrated Query), 是 一 种 与 NET Framework 中 使 用 的 
编程 语言 紧密 集成 的 新 查询 语言 ， 是 NET 的 新 特性 。 它 使 得 程序 员 可 以 像 用 SQL 查询 数据 
库 的 数据 那样 ， 从 .NET 编程 语言 中 查询 数据 。 事 实 上 ，LINQ 语法 部 分 模仿 了 SQL 语言 ， 
从 而 使 熟悉 SQL 的 编程 人 员 更 容易 上 手 。 

本 章 介绍 了 LINQ 语言 及 其 语法 ， 以 及 在 ASP.NET 项 目 中 使 用 LINQ 数据 的 许多 方法 。 
LINQ 是 一 门 非常 有 用 的 技术 ， 本 章 只 是 简单 地 概述 了 一 些 常 用 的 内 容 。 

本 章 的 学 习 目标 ， 

° 了 解 LINQ 的 基本 概念 和 几 个 主要 的 独立 技术 ; 

e 掌握 如 何 将 表 生 成 实体 类 ; 

o 了 解 DataContext 类 ; 

o 掌握 如 何 使 用 LINQ to SQL， 利 用 LINQ 技术 完成 数据 的 基本 查询 、 添 加 、 删 除 和 

修改 ; 

o 掌握 LinqDataSource 控件 。 


10.1 LINQ 基本 概念 


LINQ 可 以 像 用 SQL 查询 数据 库 数据 那样 ， 从 NET 编程 语言 中 查询 数据 。LINQ 技术 主 
要 包括 以 下 几 个 独立 技术 。 

o 使 用 LINQ to Objects 查询 和 处 理 集合 对 象 中 的 数据 。 

e 使 用 LINQ to SQL(DLing) 查 询 和 操作 SQL Server 数据 库 的 数据 。 

o 使 用 LINQ to DataSet 查询 和 处 理 DataSet 对 象 中 的 数据 。 

o 使 用 LINQ to XML(XLing) 查 询 、 创 建 、 修 改 和 删除 XML 文档 。 

它们 分 别 查询 和 处 理 对 象 数据 (如 和 集合 等 )、 关 系数 据 (如 SQL Server 数据 库 等 )、DataSet 
对 象 数 据 和 XML 结构 (如 XML 文件 数据 。 使 用 LINQ 可 以 大 量 减少 查询 或 操作 数据 库 或 数 
据 源 中 的 数据 的 代码 ， 并 在 一 定 程度 上 避免 了 SQL 注入 ,提供 了 应 用 程序 的 安全 性 。 借 助 于 
LINQ 技术 ， 可 以 使 用 一 种 类 似 SQL 的 语法 来 查询 任何 形式 的 数据 。 目 前 为 止 ， LINQ 所 支 
持 的 数据 源 有 SQL Server、 XML 以 及 内 存 中 的 数据 集合 。 开发 人 员 也 可 以 使 用 其 提供 的 扩展 
框架 添加 更 多 的 数据 源 ， 例 如 MySQL、Amazon， 甚 至 是 Google Desktop。 


10.1.1 LINQ to Objects 


LINQ to Objects 是 指 用 LINQ 操作 内 存 中 对 象 集合 的 方法 。 使 用 LINQ to Objects 的 首要 
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条 件 就 是 要 查询 的 对 象 是 某 种 类 型 的 集合 。LINQ to Object 可 以 从 任何 实现 了 IEnumerable<T> 
接口 的 对 象 中 查询 数据 。IEnumerable<T> 接 口 的 对 象 在 LINQ 中 叫做 序列 。 在 NET 框架 中 ， 
几乎 所 有 的 泛 型 类 型 的 集合 都 实现 了 IEnumerable<T> 接 口 。 通 过 LINQ to Objects 进行 查询 的 
集合 类 型 有 数组 、 泛 型 列表 、 泛 型 字典 、 字 符 串 等 。 


10.1.2 LINQ to ADO.NET 


ADONET 是 NET Framework 的 一 部 分 ， 它 允许 访问 数据 、 数 据 服 务 (如 SQL ServeD 和 
其 他 许多 不 同 的 数据 源 。 使 用 LINQto ADONET, 可 以 查询 与 数据 库 相 关 的 信息 集 , 包括 LINQ 
to Entities, LINQ to DataSet 和 LINQ to SQL- LINQ to Entities 是 LINQ to SQL 的 超 集 , 比 LINQ 
to SQL 有 更 丰富 的 功能 ， 是 Microsoft ORM 解决 方案 ， 人 允许 开发 人 员 使 用 实体 (Entities) 声 明 
性 地 指定 商业 对 象 (Business object) 的 结构 ， 并 且 使 用 LINQ 进行 查询 。 不 过 ， 对 于 大 多 不 同 
类 型 的 应 用 程序 来 说 ，LINQ to SQL 足够 了 。 本 章 也 会 着 重 介绍 LING to SQL。 

1.LINQ to SQL 


LINQ to SQL 人 允许 在 NET 项 目 中 编写 针对 Microsoft SQL Server 数据 库 的 面向 对 象 的 查 
询 。LINQ to SQL 实现 将 查询 转换 为 SQL 语句 ， 然 后 该 SQL 语句 被 发 送 到 数据 库 执行 一 般 
的 操作 ,LINQ to SQL 在 NET 应 用 程序 和 SQL Server 数据 库 之 间 创 建 了 一 个 层 .LINQ to SQL 
设计 器 做 了 大 部 分 的 工作 ， 提 供 了 可 在 应 用 程序 中 使 用 的 精简 对 象 模型 的 访问 。 用 于 以 对 象 
形式 管理 关系 数据 ， 并 提供 了 丰富 的 查询 功能 。 本 章 将 着 重 介绍 LINQ to SQL 技术 的 使 用 。 
2. LINQ to DataSet 


LINQ to DataSet 可 以 方便 快速 地 查询 DataSet 中 的 对 象 ， 可 以 使 用 与 LINQ to Objects 相 
同 的 语法 查询 DataSet. LINQ to DataSet 和 LINQto SQL 都 属于 ADO.NET, 增强 了 ADO.NET 
的 功能 和 可 用 性 。 使 用 LINQ to DataSet 可 以 更 快 更 容易 地 查询 在 DataSet 对 象 中 缓存 的 数据 。 
具体 而 言 ， 开 发 人 员 能 够 使 用 编程 语言 本 身 而 不 是 通过 使 用 单独 的 查询 语言 来 编写 查询 ， 
LINQ to DataSet 可 以 简化 查询 。 
10.1.3 LINQ to XML 


LINQ to XML(XLinq) 不 仅 包括 LINQ to Objects 功能 ， 还 可 以 查询 和 创建 XML 文档 。 K 
用 高 效 、 易 用 的 内 存 中 的 XML 工具 在 宿主 编程 语言 中 提供 XPath/XQuery 功能 等 。LINQ to 
XML 最 重要 的 优势 是 它 与 Language-Integrated Query (LINQ) 的 集成 。 由 于 实现 了 这 一 集成 ， 
可 以 对 内 存 XML 文档 编写 查询 ， 以 检索 元 素 和 属性 的 集合 。LINQ to XML 在 查询 功能 上 ( 尽 
管 不 是 在 语法 上 ) 与 XPath 和 XQuery 具有 可 比 性 。LINQ to XML 提供 了 改进 的 XML 编程 接 
口 ， 这 一 点 可 能 与 LINQ to XML 的 LINQ 功能 同样 重要 。 通 过 LINQtoXML， 对 XML 编程 
时 ， 可 以 实现 任何 预期 的 操作 ， 包 括 如 下 几 点 。 

° 从 文件 或 流 加 载 XML. 

e° 将 XML 序列 化 为 文件 或 流 。 

e 使 用 函数 构造 从 头 开始 创建 XML。 
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o 使 用 类 似 XPath 的 轴 查 询 XML, 

e 使 用 Add, Remove, ReplaceWith 和 SetValue 等 方法 对 内 存 XML 树 进 行 操作 。 
o 使 用 XSD 验证 XML 树 。 

e 使 用 这 些 功 能 的 组 合 ， 可 以 将 XML 树 从 一 种 形状 转换 为 另 一 种 形状 。 


10.1.4 LINQ 相关 的 命名 空间 


LINQ 为 开发 人 员 提 供 了 便利 ， 人 允许 开 发 人 员 以 统一 的 方式 对 IEnumerable<T> 接 口 的 
对 象 、 数 据 库 、 数 据 集 以 及 XML 文档 进行 访问 。 从 整体 上 来 说 ，LINQ 是 这 一 系列 访问 技 
术 的 统称 ， 对 于 不 同 的 数据 库 和 对 象 都 有 自己 的 LINQ 名 称 ， 例 如 LINQ to SQL, LINQ to 
Objects 等 。 当 使 用 LINQ 操作 不 同 的 对 象 时 ， 可 能 使 用 不 同 的 命名 空间 。 常 用 的 命名 空间 
有 如 下 6 个 。 

© System.Data.Linq: 该 命名 空间 包含 支持 与 LINQ to SQL 应 用 程序 中 的 关系 数据 库 

进行 交互 的 类 。 

e System.Data.Linq.Mapping: 该 命名 空间 包含 用 于 生成 表示 关系 数据 库 的 结构 和 内 容 

的 LINQ to SQL 对 象 模型 的 类 。 
è System.Data.Linq.SqlClient: 该 命名 空间 包含 与 SQL Server 进行 通信 的 提供 程序 类 ， 
以 及 包含 查询 帮助 器 方法 的 类 。 

© SystemLinq: 该 命名 空间 提供 支持 使 用 语言 集成 查询 (LINQ) 进 行 查询 的 类 和 接口 。 

è System.Linq.Expression: 该 命名 空间 包含 一 些 类 、 接 口 和 枚 举 ， 它 们 使 语言 级 别 的 

代码 表达 式 能 够 表示 为 表达 式 树 形式 的 对 象 。 

è System.XmlLinq: 包含 LINQ to XML 的 类 , LINQ to XML 是 内 存 中 的 XML 编程 

接口 。 

LINQ 中 常用 的 命名 空间 , 为 开发 人 员 提 供 了 LINQ 到 数据 库 和 对 象 的 简单 的 解决 方案 ， 
开发 人 员 通 过 这 些 命名 空间 提供 的 类 ， 可 以 进行 数据 查询 和 整理 ， 这 些 命名 空间 统一 了 相应 
对 象 的 查询 方法 ， 如 数据 集 和 数据 库 都 可 以 使 用 类 似 的 LINQ 语句 进行 查询 操作 。 


10.2 LINQ to SQL 


在 LINQto SQL 推出 之 前 ， 人 们 只 是 把 sql 语句 形成 一 个 string， 然 后 通过 ADO.NET 传 
给 Sql Server， 再 返回 结果 集 。 这 样 做 的 缺陷 是 ， 若 Sql 语句 有 问题 ， 只 有 到 运行 时 才 知 道 ， 
而 且 并 不 是 所 有 的 人 都 懂 数 据 库 。 而 LINQ to SQL 语句 是 在 编译 期 间 就 做 检查 。 这 样 ， 当 哪 
里 出 了 问题 ， 就 可 以 及 时 更 改 ， 而 不 是 到 了 运行 时 才 发 现 问题 。 最 后 ，LINQ to SQL 是 针对 
对 象 操作 的 ， 是 “面向 对 象 ”的 

LINQ to SQL 是 在 ADONET 和 C# 2.0 的 基础 上 实现 的 。LINQ to SQL 在 一 切 围 绕 数据 
的 项 目 内 都 可 以 使 用 。 特别 是 在 项 目 中 缺少 Sql Server 方面 的 专家 时 , LINQ to SQL 的 强大 功 
能 可 以 帮助 快速 地 完成 项 目 。LINQ to SQL 的 推出 ， 让 人 们 从 烦琐 的 技术 细节 中 解脱 出 来 ， 
而 去 更 加 关注 项 目的 逻辑 。LINQ to SQL 的 出 现 ， 大 大 降低 了 数据 库 应 用 程序 开发 的 门槛 ， 
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其 实质 是 事先 为 程序 员 构 架 了 数据 访问 层 , 势必 将 加 快 数 据 库 应 用 程序 的 开发 进度 。 LINQ to 
SQL 解放 了 众多 程序 员 , 使 程序 员 能 够 把 更 多 的 精力 放 到 业务 风 辑 以 及 编码 上 , 而 非 数据 库 。 
对 于 初学 者 来 说 ，LINQ to SQL 可 以 让 他 们 迅速 进入 数据 库 应 用 程序 开发 领域 ， 节 约 了 培训 
成 本 。 本 节 将 着 重 讲解 LINQ to SQL 技术 是 如 何 操作 数据 库 的 。 


10.2.1 IEnumerable 和 1IEnumerable<T> 接 口 


IEnumerable 和 Enumerable<T> 接 口 在 NET 中 是 非常 重要 的 接口 ， 它 允许 开发 人 员 定 义 
foreach 语句 功能 的 实现 并 支持 非 泛 型 方法 的 简单 迭代 ，IEnumerable 和 IEnumerable<T> 接 口 
是 .NET Framework 中 最 基本 的 集合 访问 器 ， 这 两 个 接口 对 于 LINQ 的 理解 是 非常 重要 的 。 在 
面向 对 象 的 开发 过 程 中 ,常常 需要 创建 若干 对 象 ， 并 进行 对 象 的 操作 和 查询 ， 在 创建 对 象 前 ， 
首先 需要 声明 一 个 类 为 对 象 提供 描述 ， 示 例 代码 如 下 : 


using System; 
using System.Collections.Generic; 
using System.Ling; // 使 用 LINQ 命名 控件 
using System.Text; 
namespace IEnumeratorSample 
/定义 一 个 Person 类 
class Person 


public string Name; /定义 Person 的 名 字 
public string Age; /定义 Person 的 年 龄 
public Person(string name, string age) /为 Person 初始 化 (构造 函数 ) 
Name = name; // 配 置 Name 值 
Age =age; // 配 置 Age 值 
b 
上 


上 述 代 码 定义 了 一 个 Person 类 并 抽象 了 Person 类 的 属性 ， 这 些 属性 包括 Name 和 Age。 
Name 和 Age 属性 分 别 用 于 描述 Person 的 名 字 和 人 年龄， 用 于 数据 初始 化 。 初 始 化 之 后 的 数据 
就 需要 创建 一 系列 Person 对 象 ， 通 过 这 些 对 象 的 相应 属性 能 够 进行 对 象 的 访问 和 人 遍历， 示例 
代码 如 下 : 


class Program 


{ 
static void Main(string[] args) 
ú 
Person[] per =new Person[2] // 创 建 并 初始 化 两 个 Person 对 象 
{ 


new Person("guojing","21"), // 通 过 构造 函数 构造 对 象 
new Person("muqing""21")， /通过 构造 函数 构造 对 象 
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foreach (Person p in per) // 遍 历 对 象 
Console. WriteLine("Name is " + p.Name + " and Age is " + p.Age); 
Console.ReadKey(); 


) 


上 述 代 码 创建 并 初始 化 了 两 个 Person 对 象 ， 并 通过 foreach 语法 进行 对 象 的 遍历 。 但 是 ， 
上 述 代码 是 在 数组 中 进行 查询 的 ， 也 就 是 说 ， 如 果 要 创建 多 个 对 象 ， 则 必须 创建 一 个 对 象 数 
组 ， 如 上 述 代码 中 的 Per 变量 ， 而 如 果 需 要 直接 对 对 象 的 集合 进行 查询 ， 则 不 能 够 实现 查询 
功能 。 例 如 增加 一 个 构造 函数 ， 该 构造 函数 用 于 构造 一 组 Person 对 象 ， 示 例 代 码 如 下 : 


private Person[] per; 
public Person(Person[] array) 
{// 重 载 构造 函 数 ,迭代 对 象 
per = new Person[array.Length]; /创建 对 象 
for (int i =0; i <array Length; i) /遍历 初始 化 对 象 
{ 
per[i] = array[il; /数组 赋值 
} 
J 


上 述 构造 函数 动态 地 构造 了 一 组 People 类 的 对 象 ， 那 么 应 该 也 能 够 使 用 foreach 语句 进 
行 遍历 ， 示 例 代码 如 下 : 


Person personlist = new Person(per); // 创 建 对 象 
foreach (Person p in personlist) // 遍 历 对 象 
í 


Console.WriteLine("Name is "+ p.Name + " and Age is " + p.Age); 
) 


在 上 述 代码 的 foreach 语句 中 , 直接 在 Person 类 的 集合 中 进行 查询 ， 系统 则 会 报错 ， 
提示 ConsoleApplication1.Person 不 包含 GetEnumerator 的 公共 定义 ， 因 此 ，foreach 语句 不 能 
作用 于 ConsoleApplication1.Person 类 型 的 变量 ， 因 为 Person 类 并 不 支持 foreach 语句 进行 裔 
历 。 为 了 让 相应 的 类 能 够 支持 foreach 语句 执行 遍历 操作 ， 则 需要 实现 Enumerable 接口 ， 示 
例 代码 如 下 : 


public IEnumerator GetEnumerator() /实现 接口 中 的 方法 
í 
return new GetEnum( people); 
} 


为 了 让 自 定义 类 型 能 够 支持 foreach 语句 ， 必 须 对 Person 类 的 构造 函数 进行 编写 并 实现 
接口 ， 示 例 代 码 如 下 : 
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class Person:IEnumerable 


Í 


) 


public string Name; 
public string Age; 
public Person(string name, string age) 
{ 
Name = name; 
Age =age; 
ji 
public IEnumerator GetEnumerator() 
{ 
return new PersonEnum(per); 


/派生 自 IEnumerable, 同 样 定义 一 个 Personl 类 


/创建 字段 
/创建 字段 
// 字 段 初 始 化 


/配置 Name {Ë 
/配置 Age (Ë 


/实现 接口 


/返回 方法 


上 述 代码 重 构 了 Person 类 并 实现 了 IEnumerable 接口 ,接口 中 的 GetEnumerator 方法 实现 
的 具体 方法 如 下 。 


class PersonEnum :IEnumerator 


{ 


public Person[] _per; 
int position = -1; 
public PersonEnum(Person[] list) 


{ 


_per = list; 
] 
public bool MoveNextO 
{ 
position++; 
return (position < _per.Length); 
] 
public void Reset() 
í 
position = -1; 
public object Current 
í 
get 
{ 
try 
{ 
return per[position]: 
} 
catch (IndexOutOfRangeException) 
{ 


throw new InvalidOperationException(); 


/实现 foreach 语句 内 部 ,并 派生 


/实现 数组 


/设置 “指针 ?” 


/实现 list 


/实现 向 前 移动 


/位 置 增加 
/返回 布尔 值 


/位置 重 置 


// 重 置 指针 为 -1 
/实现 接口 方法 


// 返 回 对 象 


/捕获 异常 


// 抛 出 异常 信息 
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上 述 代码 实现 了 foreach 语句 的 功能 ， 当 Person 类 初始 化 后 就 可 以 直接 使 用 Person 类 对 
象 的 集合 进行 LINQ 查询 ， 示 例 代码 如 下 : 


static void Main(string[] args) 
f 
Person[] per = new Person[2] /同样 初始 化 并 定义 两 个 Person 对象 
{ 
new Person("guojing","21"), // 构 造 创建 新 的 对 象 
new Person("mugqing","21"), // 构 造 创建 新 的 对 象 
3: 
Person personlist = new Person(per); /初始 化 对 象 集合 
foreach (Person p in personlist) /使 用 foreach 语句 
Console.WriteLine("Name is " + p.Name + " and Age is " + p.Age); 
Console.ReadKey(); 
ji 


从 上 述 代码 中 可 以 看 出 , 初始 化 Person 对 象 时 初始 化 的 是 一 个 对 象 的 集合 ,在 该 对 象 的 
集合 中 可 以 通过 LINQ 直接 进行 对 象 的 操作 ， 这 样 既 封装 了 Person 对 象 ， 也 能 够 让 编码 更 加 
易 读 。 在 NET Framework 4.5 中 ,LINQ 支持 数组 的 查询 , 开发 人 员 不 必 自 己 手动 创建 Enumerable 
和 IEnumerable<T> 接口 以 支持 某 个 类 型 的 foreach 编程 方法 ， 但 是 IEnumerable 和 
IEnumerable<T> 是 LINQ 中 非常 重要 的 接口 ， 在 LINQ 中 也 大 量 使 用 IEnumerable 和 
IEnumerable<T> 进 行 封 装 ， 示 例 代码 如 下 : 


public static IEnumerable<TSource> Where<TSource> 
(this [Enumerable<TSource> source,Func<TSource, Boolean> predicate) // 内 部 实现 


{ 
foreach (TSource element in source) // 内 部 遍历 传递 的 集合 
{ 
if (predicate(element)) 
yield return element: // 返 回 集合 信息 
} 
} 


上 述 代码 为 LINQ 内 部 的 封装 , 从 代码 可 以 看 出 ,在 LINQ 内 部 也 大 量 地 使 用 了 IEnumerable 
和 IEnumerable<T> 接 口 实现 LINQ 查询 。IEnumerable 原本 就 是 NET Framework 中 最 基本 的 
集合 访问 器 , 而 LINQ 是 面向 关系 (有 序 N 元 组 集合 ) 的 , 自然 也 就 是 面向 IEnumerable<T> 的 ， 
所 以 了 解 IEnumerable 和 IEnumerable<T> 对 于 理解 LINQ 是 有 一 定 的 帮助 。 
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10.2.2 IQueryProvider 和 IQueryable<T> 接 口 


IQueryable 和 IQueryable<T> 也 是 LINQ 中 非常 重要 的 接口 。 在 LINQ 查询 语句 中 ， 
IQueryable 和 IQueryable<T> 接 口 为 LINQ 查询 语句 进行 解释 和 翻译 工作 ， 开 发 人 员 能 够 通过 
重 写 IQueryable 和 IQueryable<T> 接 口 来 实现 用 不 同 的 方法 进行 不 同 的 LINQ 查询 语句 的 
HFE 

JIQueryable<T> 继 承 自 IEnumerable<T> 和 IQueryable 接口 .IQueryable 有 两 个 重要 的 属性 : 
Expression 和 Provider, Expression 和 Provider 分 别 表 示 获 取 与 IJQueryable 的 实例 关联 的 表达 
式 目录 树 和 获取 与 数据 源 关联 的 查询 提供 程序 。Provider 作为 其 查询 的 翻译 程序 ， 实现 LINQ 
查询 语句 的 解释 .通过 IQueryable 和 IQueryable<T> 接 口 ,开发 人 员 可 以 自 定义 LINQ Provider; 

注意 , Provider 可 以 看 做 是 一 个 提供 者 ,用 于 提供 LINQ 中 某 个 语句 的 解释 工具 ,在 LINQ 
中 通过 编程 的 方法 能 够 实现 自 定义 Provider。 

在 IQueryable 和 IQueryable<T> 接 口中 ， 还 需要 用 到 另外 一 个 接口 ， 这 个 接口 就 是 
IQueryProvider， 该 接口 用 于 分 解 表达 式 ， 实 现 LINQ 查询 语句 的 解释 工作 ， 这 个 接口 也 是 整 
个 算法 的 核心 。IQueryable<T> 接 口 在 MSDN 中 的 定义 如 下 。 


public interface IQueryable<T> : [Enumerable<T>, IQueryable, IEnumerable 


{ 

} 

public interface IQueryable : [Enumerable 
了 1 获取 元 素 类 型 
Type ElementType í get; } 
/获取 表达 式 
Expression Expression í get: } 
/获取 提供 者 
IQueryProvider Provider í get; } 

) 


上 述 代码 定义 了 IQueryable<T> 接 口 的 规范 , 用 于 保持 数据 源 和 查询 状态 。 IJQueryProvider 
在 MSDN 中 的 定义 如 下 。 
public interface IQueryProvider 
{ /创建 可 执行 对 象 
IQueryable CreateQuery(Expression expression): 
/创建 可 执行 对 象 
IQueryable<TElement> CreateQuery<TElement>(Expression expression); 
/计算 表达 式 
object Execute(Expression expression): 
/计算 表达 式 
TResult Execute<TResult>(Expression expression): 


lI 
IQueryProvider 用 于 LINQ 查询 语句 的 核心 算法 的 实现 ， 包 括 分 解 表达 式 和 表达 式 计 算 
等 。 为 了 能 够 创建 自 定义 LINQ Provider， 可 以 编写 接口 的 实现 ， 示 例 代 码 如 下 : 
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public IQueryable<TElement> CreateQuery<TElement>(Expression expression) 
{ ERRER 
query.expression = expression: 
/返回 query 对 象 
return (IQueryable<TElement>)query; 
U, 


上 述 代 码 用 于 构造 一 个 可 用 来 执行 表达 式 计算 的 IQueryable 对 象 , 在 接口 中 可 以 看 到 需 
要 实现 两 个 相同 的 执行 表达 式 的 1Queryable 对 象 ， 另 一 个 则 是 执行 表达 式 对 象 的 集合 ， 其 实 
现代 码 如 下 : 
public IQueryable CreateQuery(Expression expression) 
{ /返回 表达 式 的 集合 
return CreateQuery<T>(expression); 
] 


作为 表达 式 解释 和 翻译 的 核心 接口 ， 则 需要 通过 算法 实现 相应 的 Execute 方法 ， 示 例 代 
码 如 下 : 


public TResult Execute<TResult>(Expression expression) 
{ 
var exp = expression as MethodCallExpression; /创建 表达 式 对 象 
var data = ((exp.Arguments[0] as ConstantExpression). Value as MyQuery<T>).Data; 
var func = (exp.Arguments[1] as UnaryExpression).Operand as Expression 
<System.Func<T, bool>>; 
var lambda = Expression.Lambda<Func<T, bool>>(func.Body, func.Parameters[0]); 
var r = data. Where(lambda.Compile0); // 编 译 表 达 式 
return (TResult)r.GetEnumerator(); 
J 
上 述 代 码 通过 使 用 Lambda 表达 式 进 行 表达 式 的 计算 , 实现 了 LINQ 中 查询 的 解释 功能 。 
在 LINQ 中 ,对 于 表达 式 的 翻译 和 执行 过 程 都 是 通过 IQueryProvider 和 IQueryable<T> 接 口 来 
实现 的 。 在 LINQ 应 用 程序 中 ， 通 常 无 需 通 过 IQueryProvider 和 IQueryable<T> 实 现 自 定义 
LINQ Provider, KJ LINQ 已 经 提供 了 强大 的 表达 式 查 询 和 计算 功能 。 由 此 可 见 ， 了 解 
IQueryProvider 和 IQueryable<T> 接 口 有 助 于 了 解 LINQ 内 部 是 如 何 执行 的 。 


10.2.3 DataContext 类 


DataContext 类 是 LINQ to SQL 框架 的 主 入 口 点 ,是 System Data.Linq 命名 空间 下 的 重要 
类 型 ， 用 于 把 查询 句法 翻译 成 SQL 语句 。DataContext 是 通过 数据 库 连 接 映射 的 所 有 实体 的 
源 。DataContext 同时 把 数据 从 数据 库 返 回 给 调用 方 和 把 实体 的 修改 写 入 数据 库 。 DataContext 
的 用 途 是 将 对 对 象 的 请 求 转换 成 要 对 数据 库 执行 的 SQL 查询 ， 然 后 将 查询 结果 汇编 成 对 象 。 
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DataContext 通过 实现 与 标准 查询 运算 符 (如 Where 和 Select) 相 同 的 运算 符 模式 来 实现 语言 
成 查询 (LINQ)。 

DataContext 提供 了 以 下 一 些 常用 的 功能 。 

e 以 日 志 形 式 记 录 DataContext 生成 的 SQL。 

e 执行 SQL 语句 (包括 查询 和 更 新 语句 )。 

o 创建 和 删除 数据 库 。 

e° 实体 对 象 的 识别 。 

注意 ， 要 操作 数据 库 ， 除 了 DataContext， 还 需要 数据 库 每 个 表 所 对 应 的 实体 类 。 

【 例 10-1】VS 2012 提供 了 自动 将 数据 表 生 成 实体 类 的 功能 ， 接 下 来 以 student 表 为 例 ， 

说 明 如 何 产 生 student 表 的 实体 类 。 

(1) 新 建 一 个 名 为 WebSite10 的 ASP.NET 网 站 ， 并 将 数据 库 添 加 到 项 目 中 (沿用 第 8 = 
的 数据 库 )。 

D 右 击 项 目 名 ， 从 弹出 的 快捷 菜单 中 选择 【添加 新 项 】 命 令 ， 选 择 【LINQto SQL 类 】 
模板 ， 在 【名 称 】 文 本 框 中 输入 一 个 新 名 字 ， 以 student 表 为 例 ， 命 名 为 student.dbml， 如 图 
10-1 所 示 。 
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图 10-1 创建 student.dbml 


(3) 创建 完 以 后 打开 student.dbml 文件 ， 如 图 10-2 所 示 。 

(4) 打开 【服务 器 资源 管理 器 】, 找到 student 表 并 选中 student X, 将 其 拖 入 student.dbml 
中 ， 如 图 10-3 所 示 。 

至 此 ， 系 统 将 自动 为 student 表 生 成 实体 类 。 

系统 自动 添加 一 个 DBML 文件 ， 并 创建 两 个 附加 的 资源 文件 ， 以 student 为 例 ， 这 3 个 
文件 分 别 如 下 。 

© student.dbml: 定义 数据 库 的 框架 。 

© student.dbml.layout: 定义 每 个 表 在 设计 视图 中 的 布局 。 

© student.designer.cs: 包含 自动 生成 的 类 。 
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` 
> 


图 10-2 student.dbml 


图 10-3 Æp student 的 实体 类 


10.2.4 ”基本 查询 操作 


和 SQL 命令 中 的 select 作用 相似 ， 但 位 置 不 同 ， 查 询 表达 式 中 的 select 及 所 接 子 句 是 放 
在 表达 式 的 最 后 ， 并 返回 子 句 中 的 变量 也 就 是 结果 ; Select/Distinct 操作 包括 简单 用 法 、 筛 选 
形式 、Distinct 形式 等 。LINQ 查询 语句 能 够 将 复杂 的 查询 应 用 简化 成 一 个 简单 的 查询 语句 ， 
不 仅 如 此 ，LINQ 还 支持 编程 语言 固有 的 特性 ， 以 进行 高 效 的 数据 访问 和 筛选 。 虽 然 LINQ 
在 写法 上 和 SQL 语句 十 分 相似 ， 但 是 在 查询 语法 上 和 SQL 语句 还 是 有 出 入 的 ， 例 如 ， 下 面 
的 SQL 查询 语句 : 
select * from student,class where student.c_ id=class.c id //SQL 查询 语句 


对 于 LINQ 而 言 ， 实 现 同 样 功能 的 查询 语句 如 下 : 


var mylq = from l in lq.student from cl in lq.class where l.c_id=cl.c_id select 1//LINQ 查询 语句 
可 见 ，LINQ 查询 语句 在 格式 上 与 SQL 语句 不 同 ，LINQ 语句 的 基本 格式 如 下 : 
var < 变量 > = fom < 项 目 > in < 数据 源 > where < 表达 式 > orderby < 表达 式 > 
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从 结构 上 看 ，LINQ 查询 语句 与 SQL 查询 语句 比较 大 的 区 别 就 在 于 ，SQL 查询 语句 中 的 
select 关键 字 在 语句 的 前 面 ， 而 在 LINQ 查询 语句 中 select 关键 字 在 语句 的 后 面 ， 在 其 他 方面 
则 没有 太 大 的 区 别 ， 对 于 熟悉 SQL 查询 语句 的 人 来 说 非常 容易 上 手 。 

e from 查询 子 句 

from 子 句 是 LINQ 查 询 语句 中 最 基本 也 是 最 关键 的 子 句 ,与 SQL 查询 语 名 不同 的 是 ,from 
关键 字 必须 出 现在 LN 查询 语句 的 开始 ， 后 面 跟着 项 目 名 称 和 数据 源 ， 示 例 代码 如 下 : 


var linqstr = from lq in str select 1q; //form 子 句 


上 述 代 码 中 包括 3 个 变量 ， 分 别 是 linqstr、1q、str。 其 中 str 是 数据 源 ，linqstr 是 数据 源 
中 满足 查询 条 件 的 集合 ， 而 lq 也 是 一 个 集合 ， 这 个 集合 来 自 数据 源 。 

from 语句 指定 了 项 目 名 称 和 数据 源 ， 并 且 指 定 需 要 查询 的 内 容 。 其 中 ,项 目 名 称 作为 数 
据 源 的 一 部 分 而 存在 ， 用 于 表示 和 描述 数据 源 中 的 每 个 元 素 ， 而 数据 源 可 以 是 数组 、 集 合 、 
数据 库 甚至 是 XML。 

e where KEFE 

在 LINQ 中 ， 可 以 使 用 where 子 句 对 数据 源 中 的 数据 进行 筛选 。where 子 句 指定 了 筛选 
的 条 件 ， 也 就 是 说 ， 在 where 子 句 中 的 代码 段 必须 返回 布尔 值 才能 够 进行 数据 源 的 筛选 ， 示 
例 代码 如 下 : 


var linqstr = from | in MyList where .Length > 5 select 1; //where 子 句 
LINQ 查询 语句 可 以 包含 一 个 或 多 个 where 子 句 ， 而 每 个 where 子 句 可 以 包含 一 个 或 多 


o select 选择 子 句 
select 子 句 同 from 子 名 一样， 是 LINQ 查询 语句 中 必 不 可 少 的 关键 字 ， 示 例 代码 如 下 : 
var linqstr = from lq in str select lq; 1/ 选择 子 句 


在 LINQ 查询 语句 中 必须 包含 select 子 句 ， 如 果 不 包 含 select 子 句 则 系统 会 抛 出 异常 ( 除 
特殊 情况 外 )。select 语句 指定 了 返回 到 集合 变量 中 的 元 素 是 来 自 哪个 数据 源 的 。 

e group 分 组 子 句 

在 LINQ 查询 语句 中 ，group 子 句 用 于 对 rom 语句 的 执行 结果 进行 分 组 ， 并 返回 分 组 后 
的 对 象 序列 。group 子 句 支持 将 数据 源 中 的 数据 进行 分 组 ， 但 进行 分 组 前 ， 数 据 源 必须 支持 
分 组 操作 ， 才 可 以 使 用 group 语句 进行 分 组 处 理 。 


@ orderby 排序 子 句 
LINQ 语句 不 仅 支 持 对 数据 源 的 查询 和 筛选 , 还 支持 排序 操作 ,以 便 提取 用 户 需 要 的 信 
息 。orderby 是 一 个 词组 ， 不 能 分 开 。 示 例 查 询 语句 如 下 : 


var st = from s in inter where (s * s) % 2 = 0 orderby s descending select s; //LINQ 条 件 查询 
下 面 分 别 举例 说 明 这 几 种 形式 的 命令 如 何 使 用 ， 数 据 库 沿 用 第 8 章 的 student 数据 库 。 
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首先 ， 在 网 站 中 新 建 一 个 名 为 GridView.aspx 的 页 面 ， 并 在 页 面 上 添加 一 个 GridView 控 
件 。 如 果 要 用 到 LINQ 技术 ， 就 要 用 到 System Data Linq 和 System Linq， 这 两 个 引用 有 时 需 


要 手动 添加 。 


在 【解决 方案 资源 管理 器 】 中 右 击 网 站 名 称 ， 从 弹出 的 快捷 菜单 中 选择 【添加 引用 】 命 
S, 在 【NET] 选项 卡 中 找到 System Core 和 System Data Linq， 选 中 后 ， 单 击 【 确 定 】 按 钮 ， 


如 图 10-4 所 示 。 


目标 NET Framework 45 


图 10-4 选中 要 添加 的 引用 


1. 简单 形式 


【 例 10-2】 演 示 简 单 形式 的 查询 。 
主要 查询 语句 如 下 : 


GridView1.DataSource = from student in dcs 
select student.name; 


从 student 表 中 将 所 有 学 生 姓名 查询 出 来 。 

(1) fE WebSite10 网 站 中 新 建 一 个 名 为 GridView.aspx 
的 Web 页 ， 并 在 页 面 上 添加 控件 ， 如 图 10-5 所 示 。 

此 页 面 中 分 别 添 加 了 一 个 GridView 控件 和 一 个 Label 
控件 。 

è GridView: 用 于 显示 查询 出 的 结果 。 

e Label: 用 于 显示 运行 状态 。 

页 面 代码 如 下 : 


<div> 


REEAS C+E) 


ge 
System Core 


4000 


P- 


Microsoft Corporation 
版 本 


4.03031917929 built by: 


FXASRTMREL 


Column0 Columnl Column? 
abc abc abc 

abc abc abc 

abc abc abc 

abc abc abc 

abc abc abc 
Label 


图 10-5 


<asp:GridView ID="GridView1" runat="server"> 


</asp:GridView> 


GridView.aspx 设计 页 面 


<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label><br /> 


</div> 
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(2) 在 web.config 中 修改 部 分 代码 ， 找 到 <connectionStrings>， 修 改 如 下 : 


<connectionStrings> 
<add name="ConnectionString" connectionString="Data 
Source=.\SQLEXPRESS:;AttachDbFilename=|DataDirectory\MyDatabase.mdf:Integrated Security=True;User 
Instance=True"/> 
</connectionStrings> 


修改 student.designer.cs 中 的 代码 如 下 ， 将 【[ ] 中 的 名 字 修 改 成 上 面 Web.config 代码 中 标 
记 add 的 name 属性 值 一 样 。 


base(global::System.Configuration.Configuration Manager.ConnectionStrings["ConnectionString"].Connec 
tionString, mappingSource) 


(3) 为 GridView.aspx 页 面 的 后 台 类 添加 数据 绑 定 代码 如 下 : 


using System.Configuration; 
using System.Data.Lindq; 
protected void Page_Load(object sender, EventArgs e) 
í /获取 对 象 DataContext 对 象 ， 指 定 连接 
string connstr = 
ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
DataContext dc = new DataContext(connstr); 
// 获 取 student 表 
Table<Student> dcs = dc.GetTable<Student>(); 
// 绑 定 到 GridView 控件 
GridView1.DataSource = from student in dcs select student.Name; 
GridView1.DataBind(); 
/ñabel 中 显示 运行 状 
Labell.Text = "查找 成 功 "; 


j: 
ji 
(4) 程序 运行 效果 如 图 10-6 所 示 。 
2. 筛选 形式 | localhost 3 


文件 (F) SRE EEV “Wm” 


[J 10-3】 演 示 筛 选 的 查询 数据 库 。 
结合 where 子 句 的 使 用 ， 可 起 到 过 滤 作 用 ， 例 如 : 


GridView1.DataSource = from student in dcs 
where student.address 一 "上 海 " 


select student; 图 10-6 GridView.aspx 页 面 的 效果 
将 地 址 字段 值 为 “上 海 ” 的 学 生 记录 筛选 出 来 。 
(1) 在 WebSite10 网 站 中 新 建 一 个 名 为 GridViewSelect l.aspx 的 页 面 ， 并 在 页 面 上 添加 
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控件 (和 GridView.aspx 页 面 一 样 )。 
(2) 为 GridViewSelect 1.aspx 页 面 的 后 台 类 添加 数据 绑 定 代码 如 下 : 


using System.Configuration; 
using System.Data.Linq: 


protected void Page _Load(object sender, EventArgs e) 

Í 
/获取 对 象 DataContext 对 象 ， 指 定 连 接 
string connstr = 
ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 

DataContext dc = new DataContext(connstr); 
/获取 student 表 

Table<Student> dcs = dc.GetTable<Student>0; 

/ 绑 定 到 GridView 控件 
GridView1.DataSource = from student in des where student.Address 一 "上 海 " select student; 

GridView1.DataBind0; 
//label 中 显示 运行 状 
Labell.Text = "查找 成 功 "; 


} 
(3) 程序 运行 效果 如 图 10-7 所 示 。 x 
< ° ñ" x 
3. Distinct 形式 | _ localhost 3 


XHA SRE EEV SERA) 工具 (T) 帮助 (H) 


NolNamelSex| Birth Address Photo| 
3 (ÆW F [1998/8/15 0:00:00 上 海 。 |3jpg 
ERD 


【 例 10-4】 演 示 Distinct 的 使 用 。 
查询 学 生 覆 盖 的 城市 代码 如 下 : 


GridView1.DataSource = (from student in dcs 
select student.address).Distinct(); 图 10-7 GridViewSelect_1.aspx 页 面 的 效果 


(1) 在 WebSite10 网 站 中 新 建 一 个 名 为 GridViewSelect_2.aspx 的 页 面 ， 并 在 页 面 上 添加 


控件 (和 GridView.aspx 页 面 一 样 )。 
(2) 为 GridViewSelect 2.aspx 页 面 的 后 台 类 添加 数据 绑 定 代码 如 下 : 


using System.Configuration: 
using System.Data.Linq: 


protected void Page Load(object sender, EventArgs e) 
Ui 
/获取 对 象 DataContext 对 象 ， 指 定 连接 

string connstr = Configuration Manager.ConnectionStrings["ConnectionString"].ConnectionString; 
DataContext dc = new DataContext(connstr); 
// 获 取 student 表 

Table<Student> dcs = dc.GetTable<Student>(); 

/ 绑 定 到 GridView 控件 
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GridView1.DataSource = (from student in dcs select 
student. Address).Distinct(); 
GridView1.DataBind(); 
//label 中 显示 运行 状 
Labell.Text = "查找 成 功 "; 


) 


(3) 程序 运行 效果 如 图 10-8 所 示 。 


下 面 总 结 LINQ to SQL 查询 语句 中 常用 的 函数 图 10.8 GridViewSelect 2aspx 


和 关键 字 ， 如 表 10-1 所 示 。 


表 10-1 LINQ to SQL 查询 语句 中 常用 的 函数 和 关键 字 


x 


页 面 的 效果 


函数 或 关键 字 说 明 

Where 过 滤 ; 延迟 

Select 选择 ; 延迟 

Distinct 查询 不 重复 的 结果 集 ; 延迟 

Count 返回 集合 中 的 元 素 个 数 ， 返 回 INT 类 型 ， 不 延迟 

LongCount 返回 集合 中 的 元 素 个 数 ， 返 回 LONG 类 型 ， 不 延迟 

Sum 返回 集合 中 数值 类 型 元 素 之 和 ， 集 合 应 为 NT 类 型 集合 ;不 延迟 

Min 返回 集合 中 元 素 的 最 小 值 ， 不 延迟 

Max 返回 集合 中 元 素 的 最 大 值 ， 不 延迟 

EN 返回 集合 中 的 数值 类 型 元 素 的 平均 值 。 集 合 应 为 数字 类 型 集合 ， 其 返回 值 类 型 为 


double; 不 延迟 
Aggregate 根据 输入 的 表达 式 获取 聚合 值 ， 不 延迟 


数据 库 中 的 每 个 表 如 student 表示 为 一 个 可 借助 GetTable 方法 (通过 使 用 实体 类 来 标识 它 ) 
使 用 的 Table 集合 。 虽 然 数据 连接 已 经 确定 并 建立 ， 但 事实 上 ， 在 一 个 查询 执行 之 前 ， 没 有 
任何 数据 会 被 接收 ， 这 称 为 延迟 执行 ， 这 种 行为 在 很 多 时 候 可 提高 效率 。LINQ to SQL 查询 
仅仅 在 代码 需要 获取 实际 数据 时 才 被 执行 。 在 那 一 时 刻 ， 一 条 相应 的 SQL 命令 被 执行 并 且 
建立 了 相应 的 对 象 ， 它 使 查询 能 够 很 好 地 被 评估 并 且 仅 当 需 要 输出 结果 的 情况 下 才 执行 SQL 
命令 。 如 果 当 即 执行 ， 将 有 大 量 的 往返 损耗 与 不 必要 的 对 象 化 的 开销 ， 浪 费 资源 。 


10.2.5 ”基本 更 改 操作 


LINQ to SQL 更 改 数据 库 和 查询 数据 库 数据 一 样 简单 ,同样 使 用 DataContext 对 象 , 可 以 
使 用 标准 方法 添加 、 删 除 和 修改 。 下 面 分 别 就 更 改 数据 库 操作 ， 举 几 个 简单 的 例子 。 


1. 添加 数据 
【 例 10-5】 演示 如 何 通过 LINQ to SQL 在 数据 库 中 添加 数据 。 


(1) 在 WebSite10 网 站 中 新 建 一 个 名 为 GridViewInsert aspx 的 页 面 ， 并 在 页 


件 如 下 。 


而 上 添加 控 
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e 一 个 GridView: 用 于 显示 查询 和 修改 后 的 结果 。 
e 一 个 Label: 用 于 显示 运行 状态 。 

e 一 个 Button: 用 于 单 击发 送 添 加 数据 的 按钮 。 
页 


页 面 代码 如 下 : 


<asp:GridView ID="GridViewl" runat="server"> </asp:GridView> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label><br /> 
<asp:Button ID="Button1" runat="server" OnClick="Button1 Click" Text=" 插 入 " /> 


(2) 为 GridViewInsertaspx 页 面 的 后 台 类 添加 数据 绑 定 代码 如 下 ; 


using System.Configuration; 


using System.Data.Linq; 


studentDataContext sdc; 
/查询 数据 
protected void Page_Load(object sender, EventArgs e) 


í 
GridView1.DataSource = GetQuery(); 
GridView1.DataBind(): 
/ñabel 中 显示 运行 状 
Labell.Text = "查找 成 功 "; 
] 
// 查 询 数据 库 数据 
protected IQueryable<Student> GetQuery() 
{ 
sdc = new studentDataContext(); 
var query = from student in sdc.Student select student: 
/label 中 显示 运行 状 
Labell.Text = "插入 成 功 "; 
return query; 
J 


protected void Button1_Click(object sender, EventArgs e) 


d 


sdc = new studentDataContext(); 

Student newstu = new Student(); 

newstu.No = "10"; 

newstu.Address = "武汉 ": 

newstu.Name = "小 明 "; 

newstu.Sex = " 男 "; 

newstu.Photo = "9.jpg"; 

/这 里 使 用 InsertOnSubmit 将 新 创建 的 对 象 添加 到 集合 
sdc.Student.InsertOnSubmit(newstu): 


tt 
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// 向 数据 库 提交 更 改 
sdc.SubmitChanges(); 
// 再 次 绑 定 
GridView1.DataSource = GetQuery(); 
GridView1.DataBind(); 

i 


(3) 运行 程序 ， 如 图 10-9 所 示 为 单 击 按钮 前 数据 库 表 student 中 的 数据 ， 当 单 击 【 插 入 】 
按钮 后 ， 将 插入 一 条 记录 ， 并 更 新 数据 库 查 询 结果 。 


C UES! htp://ocalhost57636/Gridvie O ~ © Kub ge] CAES http://localhost:57636/GridVie O ~ © uk dks] 


文件 (F) ”编辑 (E) ”查看 (V) GERA) IAM) 帮助 (H) 文件 (F) S86 SEV KERA 工具 (T) 帮助 (H) 


NoNamelSex| Birth |AddressPhoto Sex| Birth [AddressPhotol 
1999/3/5 0:00:00 | 北京 ”|1jpg +ë IM |1999/3/5 0:00:00 ljpg 


M 
IF |1998/4/8 0:00:00 | 天 津 ”|2jpg B 9 jpg 
IF [1998/8/15 0:00:00 EF “3 jpg F [1998/4/8 0:00:00 | 天 ; 2jpg 
F F (1998/8/15 0:00:00| 上 海 ”|3jpg 

[F [1997/9/18 0:00:00| 南 京 ”|4jpg 


1997/9/18 0:00:00 朵 只 |4jpg 


图 10-9 ”修改 前 数据 查询 结果 图 10-10 插入 后 数据 查询 结果 


单 击 按钮 后 ， 若 比 图 10-9 多 了 一 行 数据 ， 说 明 数 据 插入 成 功 ， 如 图 10-10 所 示 ; 否则 ， 
说 明 No=10 的 记录 已 经 存在 ， 插 入 失败 。 


2. 删除 数据 


【 例 10-6】 演 示 如 何 通 过 LINQ to SQL 在 数据 库 中 删除 数据 。 
(1) 在 WebSite10 网 站 中 新 建 一 个 名 为 GridViewDelete.aspx 的 页 面 ， 并 在 页 面 上 添加 控 
件 。 在 页 面 中 添加 的 控件 如 下 。 
e 一 个 GridView: 用 于 显示 查询 和 修改 后 的 结果 。 
e 一 个 Label: 用 于 显示 运行 状态 。 
e 一 个 Button: 用 于 单 击发 送 删除 数据 的 按钮 。 
页 面 代 码 如 下 : 


<asp:GridView ID="GridView1" runat="server"> </asp:GridView> 
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br /> 
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text=" 删 除 " /> 


(2) 为 GridViewDelete.aspx 页 面 的 后 台 类 添加 数据 绑 定 代码 如 下 : 


using System.Configuration; 
using System.Data.Ling; 
studentDataContext sdc; 
// 查 询 数 据 
protected void Page Load(object sender, EventArgs e) 
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GridView1.DataSource = GetQuery(); 
GridViewl.DataBind(); 
/label 中 显示 运行 状 
Labell.Text = "查找 成 功 "; 
ji 
/查询 数据 库 数 据 
protected IQueryable<Student> GetQuery() 
í 
sdc = new studentDataContext(); 
var query = from student in sdc.Student select student; 
/ñabel 中 显示 运行 状 
Labell.Text = "删除 成 功 "; 
return query; 
} 
protected void Buttonl Click(object sender, EventArgs e) 
Í 
sdc = new studentDataContext(); 
IQueryable<Student> query = from student in sdc.Student 
where student.No = "10" 
select student: 
/这 里 使 用 DeleteOnSubmit 对 象 删除 
foreach (Student srod in query) 
í 
sdc.Student.DeleteOnSubmit(srod); 
} 
//sdc.student.DeleteOnSubmit(query); 
/向 数据 库 提 交 更 改 
sdc.SubmitChanges(); 
/再 次 绑 定 
GridView1.DataSource = GetQuery(); 
GridView1.DataBind(); 
} 


(3) 如 果 在 运行 【 例 10-5】 之 后 运行 该 程序 ，student 数据 表 中 的 数据 (在 【 例 10-51 操作 

完 的 基础 上 删除 表 中 记录 )， 当 单 击 【删除 】 按 钮 修改 数据 库 后 的 查询 结果 ， 即 将 No 为 10 
的 学 生 记录 删除 。 
K N| hp://ocalhosts7635/6rdvi O ~ © 有 ,| 


3. 修改 数据 lees — — E 


XHA SSE SEO) (A) IAM) HAH) 


如 要 更 改革 一 数据 库 项 ， 首 先 要 检索 该 项 ， Fee Birth — Address Photo 


1999/3/5 0:00:00 | 北京 ”|1jpg 


然后 直接 在 对 象 模型 中 编辑 它 。 在 修改 了 该 对 象 2 19987478 0:00:00 PRIE [2 jpg 


1998/8/15 0:00:00 EF “|3jpg 


之 后 , 调用 DataContext 对 象 的 SubmitChanges 方 1997/9/18 0:00:00| 南 京 ”|4jpg 
法 更 新 数据 库 。 


图 10-11 删除 后 的 数据 查询 记录 


第 10 章 LINQ 技术 *281 。 


[B 10-7】 演 示 如 何 通过 LINQ to SQL 在 数据 库 中 修改 数据 。 
(1) 在 WebSite10 网 站 中 新 建 一 个 名 为 GridViewUpdate aspx 的 页 面 ， 并 在 页 面 上 添加 控 
件 如 下 。 
e 一 个 GridView: 用 于 显示 查询 和 修改 后 的 结果 。 
e 一 个 Label: 用 于 显示 运行 状态 。 
e 一 个 Button: 用 于 单 击发 送 修改 数据 的 按钮 。 
页 面 代码 如 下 : 


<asp:GridView ID="GridView1" runat="server"> </asp:GridView> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label><br /> 
<asp:Button ID="Button1" runat="server" OnClick="Button1 Click" Text=" 修 改 " /> 


(2) 为 GridViewUpdate.aspx 页 面 的 后 台 类 添加 数据 绑 定 代码 如 下 : 


using System.Configuration; 
using System.Data.Linq; 
studentDataContext sdc; 
/查询 数据 
protected void Page_Load(object sender, EventArgs e) 
í 
GridView1.DataSource = GetQuery(); 
GridView1.DataBind(); 
/ñabel 中 显示 运行 状 
Labell.Text = "查找 成 功 "; 


/查询 数据 库 数 据 
protected IQueryable<Student> GetQuery() 
í 
sde = new studentDataContext(); 
var query = from student in sdc.Student select student; 
/label 中 显示 运行 状 
Labell.Text = "修改 成 功 "; 
return query; 
} 
protected void Button1 Click(object sender, EventArgs e) 
í 


sdc = new studentDataContext(); 
foreach (Student srod in GetQueryO) 
{ 
char temp; 
if (srod.Sex 一 " 男 ") srod.Sex = "M"; 
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else if(srod.Sex—" 女 ")srod.Sex = "F"; 
else if ((temp = srod.Sex[0]) = MI) srod.Sex = " 男 "; 
else if((temp=srod.Sex[0]) —T')srod.Sex = "Ze"; ) 
/向 数据 库 提交 更 改 
sdc.SubmitChanges(); 
/再 次 绑 定 
GridView1.DataSource =GetQuery(); 
GridView1.DataBind(); 
i 


(3) suudent 数据 表 中 的 数据 (在 【 例 10-6] 
操作 完 的 基础 上 修改 表 中 记录 ), 如 图 10-12 所 示 


CES hp://ocalhost57636/Gridvit O -上 E ie akei 


FEV 收藏 夫 (A) IAM EBH) 


为 单 击 【修改 】 按 钮 修改 数据 库 后 的 查询 结果 。 e 

运行 程序 , 将 描述 学 生性 别 的 字段 “M” 用 “ 男 ” 1 ë [5 [1999/5 0:00:00 JER Lipe 
2 [Æ [Z [1998/4/8 0:00:00 | 天 津 ”|2jpg 

RE, FR “F” HH “k” RE RHE Ea 区 J1998/8115 0:00:00 ES |3 jpe 
ER | 女 [1997/9/18 000.00 雨 京 |4jpg 

数据 是 用 汉字 表示 ， 操 作 完 以 后 , 将 sex 变 为 英 。 ”| pasa 

文字 母 表 示 。 


10.2.6 LinqDataSource 控件 图 10-12 修改 后 的 数据 查询 记录 


LinqDataSource 控件 是 ASP.NET 4.5 的 一 个 数据 源 控件 ， 它 可 以 使 用 LINQ 功能 查询 应 
用 程序 中 的 数据 对 象 。LinqDataSource 和 SqlDataSource 及 其 他 数据 源 控件 类 似 ， 它 提供 了 一 
个 声明 性 的 方法 来 访问 支持 LINQ 的 数据 源 。 和 SqlDataSource 控件 一 样 , 可 以 从 关系 数据 库 
中 检索 数据 以 及 在 网 页 上 显示 、 编 辑 、 插 入 、 删 除 、 更 新 数据 ， 数 据 排序 和 筛选 操作 也 非常 
容易 实现 。 如 表 10-2 所 示 的 是 这 一 控件 的 主要 属性 。 


表 10-2 LinqDataSource 的 主要 属性 


B 性 Ho ç g 

表明 控件 是 否 提供 自动 插入 功能 。 如 果 启 用 ， 可 以 结合 使 用 该 控件 和 数据 
EnableInsert 

绑 定 控件 支持 数据 管理 

表明 控件 是 否 提供 自动 删除 功能 。 如 果 启 用 ， 可 以 结合 使 用 该 控件 和 数据 
EnableDelete 

绑 定 控件 支持 数据 管理 

表明 控件 是 否 提供 自动 更 新 功能 。 如 果 启 用 ， 可 以 结合 使 用 该 控件 和 数据 
EnableUpdate 

绑 定 控件 支持 数据 管理 
ContextTypeName 控件 将 使 用 的 DataContext 类 的 名 称 
TableName 要 使 用 的 LINQto SQL 图 表 中 的 表 名 


和 数据 绑 定 控件 一 起 , LinqDataSource 通过 LINQ 提供 了 对 底层 SQL 服务 器 数据 库 的 完 
全 访问 。 
LinqDataSource 控件 的 工作 方式 与 其 他 数据 源 控件 一 样 ， 也 是 把 在 控件 上 设置 的 属性 转 
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换 为 可 以 在 目标 数据 对 象 上 执行 的 查询 。SqlDataSource 控件 可 以 根据 属性 设置 来 生成 SQL 
语句 ，LinqDataSource 控件 也 可 以 把 属性 设置 转换 为 有 效 的 LINQ 查询 ， 该 控件 提供 了 一 个 
易于 使 用 的 向 导 ， 引 导 用 户 完成 配置 过 程 ， 也 可 以 直接 在 【 源 】 视 图 中 编写 代码 来 修改 控件 
的 属性 ， 手 动 修改 控件 。 

LinqDataSource 控件 包含 许多 有 用 的 事件 ,用 来 响应 控件 在 运行 期 间 执行 的 操作 。 选择 、 
插入 、 更 新 和 删除 操作 之 前 和 之 后 的 标准 事件 ， 可 以 添加 、 删 除 或 修改 控件 各 个 参数 集合 中 
的 参数 ， 甚 至 取消 整个 事件 。 另 外 ， 回 送 操作 事件 允许 确定 执行 插入 、 更 新 和 删除 操作 时 是 
否 发 生 了 异常 。 如 果 发 生 了 异常 ， 这 些 事件 会 响应 异常 ， 把 异常 标记 为 已 处 理 ， 或 者 把 异常 
沿 着 应 用 程序 的 调用 层次 向 上 传递 。 

【 例 10-8】 使 用 LinqDataSource 控件 连接 到 SQL Server 数据 库 ， 实 现 对 表 数 据 的 分 页 、 
排序 、 编 辑 、 插 入 和 删除 操作 。 

(1) 在 WebSite10 网 站 中 新 建 一 个 名 为 LinqDataSource.aspx 的 页 面 。 

(2) fE LinqDataSource.aspx 页 面 的 【设计 】 视 图 中 添加 一 个 LinqDataSource 控件 ， 其 ID 
默认 为 LinqDataSourcel， 如 图 10-13 所 示 。 在 【LinqDataSource 任务 】 中 配置 数据 源 。 


asp:linqdatasource#LinqDataSource1 | 
LinqlataSeurce - LingDataSourcel |‘| LingDataSource 任务 
CEHEC] 


图 10-13 Web 窗 体 上 的 LinqDataSource 控件 


在 【配置 数据 源 】 对 话 框 中 ， 选 择 要 用 作 数 据 源 的 上 下 文 对 象 。 上 下 文 对象 是 包含 要 查 
询 的 数据 的 基 对 象 。 选 择 上 下 文 对 象 为 StudentDBDataContext， 如 图 10-14 所 示 。 如 果 绑 定 
到 一 个 派生 自 DataContext 的 类 上 ，Table 下 拉 列 表 就 会 显示 该 上 下 文 对 象 所 包含 的 所 有 数据 
表 。 如 果 绑 定 到 一 个 标准 类 上 ， 则 该 下 拉 列 表 就 允许 选择 上 下 文 对象 中 的 任意 可 枚 举 属性 。 


图 10-14 LinqDataSourcel 控件 的 【配置 数据 源 】 对 话 框 


(3) 单 击 【 下 一 步 ] 按钮 , 在 【配置 数据 源 】 对 话 框 的 【配置 数据 选择 界面 中 选择 student 
表 及 其 所 有 字段 ， 如 图 10-15 所 示 。 
至 此 ， 完 成 了 为 LinqDataSource 控件 配置 数据 源 的 工作 
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Where W- 


Ordersyio)- 


Bav 


图 10-15 “配置 数据 选择 ”界面 


(4) 在 LinqDataSource.aspx 页 面 的 【设计 】 视 图 中 添加 一 个 GridView 控件 。 在 该 控件 
的 【选择 数据 源 】 下 拉 列 表 中 选择 LinqDataSourcel， 并 启用 其 分 页 、 排 序 功能 和 启用 选 定 内 
容 。 在 【自动 套用 格式 】 中 选择 架构 中 的 【 穆 哈 咖啡 】 架 构 来 显示 和 处 理 数据 。 配 置 完成 后 ， 
E 成 的 代码 如 下 : 


<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
BackColor="White" BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" 
CellPadding="4" DataKeyNames="No" DataSourceID="LinqDataSource2" 
ForeColor="Black" GridLines="Vertical"> 
<AlternatingRowStyle BackColor="White" /> 
<Columns> 
<asp:BoundField DataField="No" HeaderText="No" ReadOnly="True" 
SortExpression="No" /> 
<asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" /> 
<asp:BoundField DataField="Sex" HeaderText="Sex" SortExpression="Sex" /> 
<asp:BoundField DataField="Birth" HeaderText="Birth" SortExpression="Birth" /> 
<asp:BoundField DataField="Address" HeaderText="Address" 
SortExpression="Address" /> 
<asp:BoundField DataField="Photo" HeaderText="Photo" SortExpression="Photo" /> 
</Columns> 
<FooterStyle BackColor="#CCCC99" /> 
<HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" /> 
<PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" /> 
<RowStyle BackColor="#F7F7DE" /> 
<SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" /> 
<SortedAscendingCellStyle BackColor="#FBFBF2" /> 
<SortedAscendingHeaderStyle BackColor="#848384" /> 
<SortedDescendingCellStyle BackColor="#EAEAD3" /> 
<SortedDescendingHeaderStyle BackColor="#575357" /> 
</asp:GridView> 


HT 


第 10 章 LIN 技术 。285。 


(5) 在 LinqDataSource aspx 的 “设计 ”视图 中 再 添加 一 个 LinqDataSource 控件 , 其 ID 默 
认为 LinqDataSource2， 选 择 要 用 作 数 据 源 的 上 下 文 对 象 为 StudentDBDataContext， 并 在 【 配 
置 数据 选择 】 中 选择 student 表 ， 并 选择 【*】 来 查询 所 有 字段 。 单 击 【WHERE】 按 钮 添加 
Where FEJ, Æ [IRIN Where 子 句 】 对 话 框 中 , 将 【 列 】、【 运 算 符 】、【 源 】 和 【控件 ID】 
分 别 设置 为 No、= =. Control 和 GridView1， 如 图 10-16 所 示 。 单 击 【高 级 】 按 钮 ， 在 打开 
的 【高 级 选项 ] 对 话 框 中 选中 【启用 LinqDataSource 以 进行 自动 删除 】 UAH LinqDataSource 
以 进行 自动 插入 】 和 【启用 LinqDataSource 以 进行 自动 更 新 】 复 选 枉 ， 如 图 10-17 所 示 。 此 
时 ， 该 控件 的 3 个 属性 :EnableInsert、EnableUpdate 和 EnableDelete 的 值 均 为 True。 这 些 属 
性 可 以 配置 数据 源 控 件 以 执行 插入 、 更 新 和 删除 操作 (假设 底层 的 数据 源 支持 这 些 操作 )。 因 
为 数据 源 控件 知道 它 连接 到 LINQ to SQL 数据 上 下 文 对 象 上 ， 而 该 对 象 默认 支持 这 些 操作 ， 
所 以 数据 源 控件 自动 支持 这 些 操作 。 自 动 生成 的 代码 如 下 : 


<asp:LinqDataSource ID="LinqDataSource2" runat="server" 
ContextTypeName="studentDataContext" EnableDelete="True" Enablelnsert="True" 
EnableUpdate="True" EntityTypeName="" TableName="Student" Where="No == @No"> 
<WhereParameters> 

<asp:ControlParameter ControllD="GridView1" Name="No" 
PropertyName="SelectedValue" Type="String" /> 

</WhereParameters> 

</asp:LinqDataSource> 


“ana ustpishi— RS 4 Sit, TUANE, pmusasGripamugi rm 


参数 尾 性 
控件 IDID): 


Gridviem 
默认 值 (V): 


= 
(GridView'.SelectedValue 


图 10-16 添加 Where 子 句 


BERTDESMEA ERBEN. 
回 启用 UnqDatasource DRG ESSDBIBe(D) 


回 启用 LinqDataSource 以 六 行动 插入 (N) 


M BF LinaDataSource DSFERES U] 


图 10-17 【高 级 选项 】 对 话 框 
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(6) 在 LinqDataSource aspx 的 【设计 】 视 图 中 添加 一 个 DetailsView 控件 DetailsView1, 在 
【DetailsView 任务 】 中 选择 数据 源 为 LinqDataSource2， 在 【自动 套用 格式 】 中 选择 架构 中 的 【 穆 


哈 咖 啡 】 架 构 


来 显示 和 处 理 数据 。 将 其 AutoGenerateDeleteButton AutoGenerateEditButton 和 


AutoGenerateInsertButton 属性 均 设置 为 True 或 者 选择 启动 删除 、 编 辑 、 插 入 功能 ， 自 动 生成 的 代 


码 如 下 : 


<asp:DetailsView ID="DetailsView1" runat="server" 


AutoGenerateDeleteButton="True" AutoGenerateEditButton="True" 
AutoGenerateInsertButton="True" AutoGenerateRows="False" BackColor="White" 
BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" CellPadding="4" 
DataKeyNames="No" DataSourceID="LinqDataSource3" ForeColor="Black" 
GridLines="Vertical" Height="50px" Width="125px"> 
<AlternatingRowStyle BackColor="White" /> 
<EditRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" /> 
<Fields> 
<asp:BoundField DataField="No" HeaderText="No" ReadOnly="True" 
SortExpression="No" /> 
<asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" /> 
<asp:BoundField DataField="Sex" HeaderText="Sex" SortExpression="Sex" /> 
<asp:BoundField DataField="Birth" HeaderText="Birth" SortExpression="Birth" /> 
<asp:BoundField DataField="Address" HeaderText="Address" 
SortExpression="Address" /> 
<asp:BoundField DataField="Photo" HeaderText="Photo" SortExpression="Photo" /> 
</Fields> 
<FooterStyle BackColor="#CCCC99" /> 
<HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" /> 
<PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" /> 
<RowStyle BackColor="#F7F7DE" /> 


</asp:DetailsView> 


(7) 保存 并 运行 程序 ， 运 行 效果 如 图 10-18 一 图 10-20 所 示 。 图 10-18 显示 了 用 鼠标 和 


击 


世 


GridView 控件 上 相应 记录 的 【选择 ] 按 钮 后 的 效果 ; 图 10-19 显示 了 单 击 DetailView 控件 上 的 【 编 


辑 】 按 钮 后 的 


所 局 


文人 (| 


No Name Sex Birth 


效果 ; 图 10-20 moi DetailView 控件 上 的 【新 建 】 URR: 


L hip/ocalhost57636/Lra Cates D - O ME II ë 3 nra 


SSO EIV SERA IAM SMH = SAO EEV) VERA IAT AH 


No Name Sex 


jirth É 
zen 李 铭 |Ë | 1999/3/5 0:00:00 P pp Eaa 19993/50:00:00 | 北京 
Ea 1998/4/8 0-00:00 | 天 津 2 盏 静 1998/4/8 0:00:00 


1998/8/15 
0:00:00 


Address| 上 海 


Photo 


3jpg 


编辑 出 除 新 建 


图 1 


0-18 浏览 器 中 的 选择 效果 图 10-19 浏览 器 中 的 编辑 效果 


第 10 章 LINQ 技术 “287。 


内 联 和 
容易 


hapyllocalhosts7csalinqpatssp + ha 


图 10-20 浏览 器 中 的 新 建 效果 


10.3 本 章 小 结 


LINQ 通过 扩展 C# 和 Visual Basic 语法 来 允许 本 地 语法 ( 相 比 SQL 或 者 XPath 而 言 ) 进 行 
查询 。LINQ 没有 取代 现 有 的 数据 访问 技术 ， 而 是 扩充 了 现 有 的 数据 查询 技术 ， 使 其 更 
实现 查询 。 本 章 首先 介绍 了 LINQ 的 基本 概念 和 几 个 主要 的 独立 技术 ， 接 着 讲解 了 如 何 


将 表 生 成 实体 类 和 DataContext 类 ， 最 后 着 重 介绍 了 如 何 使 用 LINQ to SQL, 利用 LINQ 技术 
完成 数据 的 基本 查询 、 添 加 、 删 除 和 修改 ， 并 且 介 绍 了 ASPNET 45 的 数据 源 控件 


LinqDataSource。 


10.4 练 J 


1. 新 建 名 为 LinqToSql_Exercise 的 网 站 。 

2. 在 网 站 中 建立 用 于 数据 绑 定 的 数据 库 ( 可 参考 本 章 使 用 的 实例 数据 库 )。 
3. 生成 数据 库 表 的 实体 类 。 

4. 添加 一 个 页 面 ， 用 LINQ to SQL 实现 数据 库 的 查询 、 插 入 、 删 除 和 修改 。 
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Ajax 是 Web 2.0 的 关键 技术 。Ajax 能 够 提升 用 户 体验 ， 更 加 方便 地 与 Web 应 用 程序 进 
行 交 互 。 在 传统 的 Web 开发 中 ， 对 页 面 进行 操作 往往 需要 进行 回 发 ， 从 而 导致 页 面 的 刷新 ， 
而 使 用 Ajax 技术 就 无 须 产 生 回 发 ， 从 而 实现 无 刷新 效果 。 


本 章 的 学 习 目标 : 

理解 什么 是 Ajax; 

理解 Ajax 与 传统 Web 技术 的 区 别 ; 

理解 Ajax 的 使 用 技术 ; 

掌握 ASP.NET 4.5 AJAX 控件 的 使 用 方法 。 


11.1 Ajax 简介 


互联 网 从 Web 1.0 到 Web 2.0 的 转变 ,可 以 说 在 模式 上 是 从 单纯 的 “ 读 ”、“ 写 ”向 “ 共 
同 建设 ”的 发 展 。Web 2.0 不 是 一 个 具体 的 事物 ， 而 是 一 个 阶段 。 在 这 个 阶段 中 ， 是 以 用 户 
为 中 心 ， 主 动 为 用 户 提供 互联 网 信息 。 在 Web 2.0 中 ， 互 联网 将 成 为 一 个 平台 ， 在 这 个 平台 
上 将 实现 可 编程 、 可 执行 的 Web 应 用 。 

Ajax 是 一 种 用 于 浏览 器 的 技术 , 它 可 以 在 浏览 器 和 服务 器 之 间 使 用 异步 通信 机 制 进行 数 
据 通 信 ， 从 而 允许 浏览 器 向 服务 器 获取 少量 信息 而 不 是 刷新 整个 页 面 。 


11.1.1 什么 是 Ajax 


Ajax 是 Asynchronous JavaScriptHXML( 异 步 JavaScript 和 XML) 的 简写 形式 , 是 综合 异步 
通信 、JavaScript 以 及 XML 等 多 种 网 络 技 术 的 新 的 编程 方式 。 如 果 从 用 户 看 到 的 实际 效果 来 
£, 也 可 以 形象 地 称 之 为 无 页 面 刷 新 。 这 一 技术 已 经 出 现 数 年 , 但 直到 2005 年 才 引 起 人 们 的 
注意 。Ajax 的 思想 比较 简单 ， 但 它 导 致 了 以 不 同 的 方式 来 观察 和 构建 Web 交互 的 出 现 。 对 
于 使 用 某 种 Web 交互 的 人 来 说 ， 这 种 新 方法 丰富 了 其 Web 体验 。 

在 传统 的 Web 交互 中 ， 客 户 机 向 服务 器 发 送 消息 的 方式 要 么 是 通过 单 击 超 链 接 ， 要 么 
是 将 表单 提交 给 服务 器 。 单 击 超 链 接 或 提交 表单 之 后 ， 客 户 必须 等 待 ， 直 到 服务 器 用 新 文档 
做 出 响应 ， 然 后 用 新 文档 取代 整个 浏览 器 的 显示 页 面 。 对 于 复杂 的 文档 ， 要 从 服务 器 传送 到 
客户 端 ， 需 要 花费 大 量 时 间 ， 而 浏览 器 显示 它们 则 需要 花 更 多 的 时 间 。 

Netscape 和 Microsoft 在 第 四 版 浏览 器 中 引入 了 iframe 元 素 ， 从 而 使 采用 Ajax 方法 成 为 
可 能 。Web 程序 员 发 现 ， 只 要 简单 地 将 iframe 元 素 的 宽度 和 高 度 设 置 为 0， 就 可 以 使 该 元 素 
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不 可 见 ， 此 元 素 可 用 来 向 服务 器 发 送 异 步 请求 。 虽 然 可 以 这 么 做 ， 但 是 这 种 方法 很 不 理想 。 
Microsoft 对 与 XmlDocument 和 XMLHttpRequest 对 象 绑 定 在 一 起 的 DOM 和 JavaScript 做 了 
两 个 非 标准 扩展 ， 它 们 最 初 是 在 IE 5 PEX ActiveX 组 件 存在 的 。 它 们 支持 到 服务 器 的 异步 
请 求 ， 因 而 允许 在 后 台 从 服务 器 读 取 数据 。 现 在 它们 已 经 得 到 了 大 多 数 浏览 器 的 支持 。 

Ajax Web 应 用 程序 与 传统 的 Web 交互 相 比 发 生 了 两 点 变化 : 首先 ， 从 浏览 器 到 服务 器 
的 通信 是 异步 的 ， 也 就 是 说 ， 浏 览 器 不 需要 等 待 服务 器 响应 ， 当 服务 器 查找 并 传送 请 求 文档 
以 及 浏览 器 呈现 新 文档 时 ， 用 户 可 以 继续 正在 做 的 事情 ; 第 二 ， 服 务 器 提供 的 文档 通常 只 是 
被 显示 文档 的 一 小 部 分 ， 因 此 ， 传 送 和 呈现 所 花 的 时 间 都 比较 少 。 这 两 种 变化 使 得 浏览 器 和 
服务 器 之 间 的 交互 速度 快 了 许多 。 

Ajax 的 目的 ， 是 使 基于 Web 的 应 用 程序 在 交互 速度 提高 ， 进 而 在 用 户 体验 方面 更 接近 
于 客户 端的 桌面 应 用 程序 。 

Ajax 的 优势 比较 明显 。 首 先 ， 支 持 Ajax 的 技术 已 经 驻 留 在 几乎 所 有 的 Web 浏览 器 和 服 
务 器 中 。 其 次 ， 使 用 Ajax 不 需要 学 习 新 的 工具 或 语言 ， 只 需要 以 一 种 新 的 思维 方式 来 观察 
Web 交互 即 可 。Ajax 使 用 JavaScript 作为 主要 编程 语言 ，Ajax 中 的 x 表示 XML， 这 是 因为 
在 多 数 情况 下 ， 服 务 器 是 以 XML 文档 的 形式 来 提供 数据 的 ， 以 此 来 提供 要 放置 在 显示 文档 
中 的 新 数据 。Ajax 中 使 用 的 其 他 技术 还 有 DOM 和 CSS。 因 此 ， 并 不 需要 学 习 新 技术 就 可 以 
使 用 Ajax。 

虽然 在 2005 年 之 前 也 有 一 些 开 发 人 员 在 使 用 Ajax， 但 他 们 对 这 一 新 技术 并 没有 多 大 的 
热情 。 有 两 件 事情 促使 开发 人 员 在 2005 年 和 2006 年 迅速 转向 了 Ajax。 首 先 ， 很 多 用 户 开 始 
体验 由 Google 和 Gmail 提供 的 快速 浏览 器 /服务 器 交互 ， 它 们 是 一 些 使 用 Ajax 的 早期 Web 
应 用 程序 。 例 如 ，Google Maps 可 以 使 用 发 往 服务 器 的 异步 请 求 来 快速 蔡 换 被 显示 地 图 的 一 
小 部 分 内 容 ， 使 人 们 体验 到 了 这 种 Web 应 用 程序 的 强大 交互 功能 。 其 次 ，Jesse James Garrett 
在 2005 年 早期 将 这 一 技术 命名 为 Ajax， 使 人 们 对 用 这 一 新 方法 的 兴趣 大 大 地 提高 。 


11.1.2 Ajax 与 传统 Web 技术 的 区 别 


与 传统 的 Web 技术 不 同 ，Ajax 采用 的 是 异步 交互 处 理 技术 。Ajax 的 异步 处 理 可 以 将 用 
户 提交 的 数据 在 后 台 进 行 处 理 ， 这 样 ， 数 据 在 更 改 时 就 可 以 不 用 重新 加 载 整 个 页 面 而 只 是 刷 
新 页 面 的 局 部 。 

传统 的 Web 工作 模式 的 流程 是 这 样 的 ， 当 客户 端 浏览 器 向 服务 器 发 出 一 个 浏览 网 页 的 
HTTP 请 求 后， 服务 器 接受 该 请 求 ， 查 找 要 浏览 的 动态 网 页 文件 ， 然 后 执行 动态 网 页 中 的 程 
序 代码 ， 并 将 动态 网 页 转化 为 标准 的 静态 网 页 ， 最后， 将 生成 的 HTML 页 面 返回 给 客户 端 。 
在 这 种 模式 下 ， 当 服务 器 处 理 数据 时 ， 用 户 一 直 处 于 等 待 状态 。 

为 了 解决 这 一 问题 ， 可 以 在 用 户 浏览 器 和 服务 器 之 间 设 计 一 个 中 间 层 一 一 即 Ajax Jë, 
Ajax 改变 了 传统 的 Web 中 客户 端 和 服务 器 的 “请 求 一 -等 待 一 -请 求 一 -等 待 ”的 模式 ， 通 
过 使 用 Ajax， 应 用 向 服务 器 发 送 和 接收 需要 的 数据 ， 从 而 不 会 产生 页 面 的 刷新 。 

Ajax 的 工作 原理 如 下 。 

(1) 客户 端 浏览 器 在 运行 时 首先 加 载 一 个 Ajax 引擎 (该 引擎 由 JavaScript 编写 )。 


。290。 ASPNET 4.5 动态 网 站 开发 基础 教程 


(2) Ajax 引擎 创建 一 个 异步 调用 的 对 象 ， 向 Web 服务 器 发 出 一 个 HTTP 请 求 。 
(3) 服务 器 端 处 理 请 求 ， 并 将 处 理 结果 以 XML 的 形式 返回 。 

(4) Ajax 引擎 接收 返回 的 结果 ， 并 通过 JavaScript 语句 显示 在 浏览 器 上 。 
传统 的 Web 应 用 和 Ajax Web 应 用 模型 如 图 11-1 所 示 。 


客户 浏览 器 
用 户 接口 
用 户 接口 
AJAX 引擎 
客户 端 浏 览 器 
Web Server | 
Datastores.backend | 
Web and/or XML 
服务 器 端 
Datastores,backend 
服务 器 端 
PESHI Web 应 用 模型 Ajax Web 应 用 模型 


图 11-1 传统 Web 应 用 和 Ajax Web 应 用 模型 


Ajax Web 应 用 无 须 安装 任何 插件 ， 也 无 须 在 Web 服务 器 中 安装 应 用 程序 。 随 着 Ajax 的 
发 展 和 客户 端 浏览 器 的 发 展 ， 几 乎 所 有 的 浏览 器 都 支持 Ajax。 


11.1.3 Ajax 的 优点 


归纳 起 来 ，Ajax 风格 的 Web 应 用 程序 具有 以 下 优点 。 

(1) 减轻 了 服务 器 负担 。 因 为 Ajax 的 根本 理念 是 “ 按 需 取 数 据 ”， 所 以 最 大 限度 地 减少 
了 抑 余 请 求 和 响应 对 服务 器 造成 的 负担 。 

D 不 对 整 页 页 面 进行 刷新 。 首 先 ，“ 按 需 取 数据 ”的 模式 减少 了 数据 的 实际 读 取 量 ; 
其 次 ， 即 使 要 读 取 比 较 大 的 数据 ， 也 不 会 让 用 户 看 到 “ 白 屏 ”现象 。 由 于 Ajax 是 用 
XMLHttpRequest 发 送 请 求 得 到 服务 器 端的 应 答 数 据 ， 在 不 重新 载 入 整个 页 面 的 情况 下 用 
JavaScript 操作 DOM 实现 局 部 更 新 的 ， 所 以 在 读 取 数据 的 过 程 中 ,用户 面 对 的 不 是 白 屏 ， 而 
是 原来 的 页 面 状 态 (或 是 正在 更 新 的 信息 提示 状态 )， 只 有 当 接 收 到 全 部 数据 后 才 更 新 相应 部 
分 的 内 容 ， 而 这 种 更 新 也 是 瞬间 的 ， 用 户 几 乎 感觉 不 到 。 

G) 把 以 前 一 些 由 服务 器 承担 的 工作 转移 到 客户 端 处 理 ， 这 样 可 以 充分 利用 客户 端 闲置 
的 处 理 能 力 ， 从 而 减轻 服务 器 和 带宽 的 负担 。 

(4) 基于 标准 化 的 并 被 广泛 支持 的 技术 ， 不 需要 插件 ， 也 不 需要 下 载 小 程序 。 
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(5) 使 Web 中 的 界面 与 应 用 分 离 ， 也 可 以 说 是 数据 与 呈现 分 离 。 
11.1.4 Ajax 使 用 的 技术 


Ajax 技术 看 似 非 常 复杂 ， 其实 并 不 是 新 技术 ，Ajax 只 是 一 些 老 技术 的 混合 体 ， 主 要 包括 
如 下 技术 。 

(1) 使 用 XHTML+CSS 来 表示 信息 。 

(2) 使 用 JavaScript 操作 DOM. 

(3) 使 用 XML 和 XSLT(Extensible Stylesheet Language Transformations) 进 行 数据 交换 及 
相关 操作 。 

(4) 使 用 XmlHttpRequest 对 象 与 Web 服务 器 进行 异步 数据 交互 。 

(5) 使 用 JavaScript 将 各 部 分 内 容 绑 定 在 一 起 。 

在 Ajax 中 ， 最 重要 的 就 是 XMLHttpRequest 对 象 ，XMLHttpRequest 对 象 是 JavaScript 
HR, 正 是 XMLHttpRequest 对 象 ， 实 现 了 在 服务 器 和 浏览 器 之 间 ， 通 过 JavaScript 来 创建 一 
个 中 间 层 ， 从 而 实现 了 异步 通信 ， 如 图 11-2 所 示 。 


= s: z 去 
ll 3 2 
* š E| š 器 
浏 | 请 引 | 种 系 
览 | 求 @ 。 统 
器 间 


图 11-2 XMLHttpRequest 对 象 实现 过 程 


Ajax 通过 使 用 XMLHttpRequest 对 象 实现 异步 通信 。 使 用 Ajax 技术 后 ， 当 用 户 提交 一 个 
表单 时 ， 数 据 并 不 是 直接 从 客户 端 发 送 到 服务 器 端 ， 而 是 通过 客户 端 发 送 到 一 个 中 间 层 ， 这 
个 中 间 层 被 称 为 Ajax 引擎 。 

开发 人 员 无 须知 道 Ajax 引擎 是 如 何 将 数据 发 送 到 服务 器 的 。 当 Ajax 引擎 将 数据 发 送 到 服 
务 器 时 ， 服 务 器 同样 也 不 会 直接 将 数据 返回 给 浏览 器 ， 而 是 通过 JavaScript 中 间 层 将 数据 返 
可 给 客户 端 浏览 器 。XMLHttpRequest 对 象 使 用 JavaScript 代码 可 以 自行 与 服务 器 进行 交互 。 


11.1.5 ASPNET AJAX 


直到 2007 年 1 月 ， 微 软 公司 才 真 正 推出 了 具有 Ajax 风格 的 异步 编程 模型 ， 这 就 是 
ASP.NET AJAX。 同 时 为 了 与 其 他 Ajax 技术 区 分 ， 微 软 公司 用 大 写 的 AJAX 来 标记 。 

ASP.NET AJAX 可 以 提供 ASP.NET 无 法 提供 的 几 个 功能 ， 或 者 弥补 其 做 得 不 够 好 的 以 
下 几 个 缺点 。 

e 改善 用 户 的 操作 体验 ， 不 会 动不动 就 因为 PostBack 整 页 重新 加 载 而 造成 内 动 。 
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e 部 分 网 页 更 新 ， 不 需 整 页 更 新 。 
e 异步 取 回 服务 器 端的 数据 ， 用 户 不 会 因 被 限制 而 处 于 等 待 状态 。 
e ASP.NET AJAX 的 JavaScript 是 跨 浏 览 器 的 ， 不 限定 只 有 正 浏览 器 才能 支持 。 
e ASP.NET AJAX 提 供 JavaScript 脚 本 函数 库 ， 开 发 人 员 可 以 直接 引用 ， 或 者 根据 声明 
自动 产生 脚本 。 AXE 
TE ASP.NET 4.5 中 ，AJAX 已 经 成 为 NET 框架 的 原 
生 功 能 。 创 建 ASP.NET 4.5 Web 应 用 程序 后 就 能 够 直接 使 
用 AJAX 功能 ， 如 图 11-3 所 示 。 


11.1.6 ASP.NET 4.5 AJAX 简单 示例 图 11-3 ASPNET 4.5 AJAX 控件 


j] UpdatePanel 


` 
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F sa 
© Time 
a 

ED UpdateProgress 


虽然 AJAX 的 原理 听 上 去 非常 复杂 ， 但 是 AJAX 的 使 用 非常 方便 。ASPNET 4.5 提供 了 
AJAX 控件 ， 以 便于 开发 人 员 能 够 快速 进行 AJAX 应 用 程序 的 开发 。 在 进行 AJAX 开发 时 ， 
首先 需要 使 用 脚本 管理 控件 (ScriptManager)， 示 例 代码 如 下 : 


<asp:ScriptManager ID="ScriptManager1" runat="server"> 
</asp:ScriptManager> 


开发 人 员 无 须 对 ScriptManager 控件 进行 配置 ， 只 要 保证 ScriptManager 控件 在 UpdatePanel 
控件 之 前 即 可 。 使 用 了 ScriptManager 控件 之 后 ， 可 以 使 用 UpdatePanel 控件 来 确定 需要 进行 
局 部 更 新 的 控件 。 创 建 ScriptManager.aspx 页 面 ， 示 例 代码 如 下 : 


<form id="form1" runat="server"> 
<asp:Label ID="Label2" runat="server" ></asp:Label> 
<asp:ScriptManager ID="ScriptManager1" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True" ></asp:TextBox> 
&nbsp;<asp:Button ID="Button1" runat="server" Onclick="Buttonl_Click1" Text="Button" /> 
</ContentTemplate> 

</asp:UpdatePanel> 
</form> 


上 述 代码 使 用 了 UpdatePanel 控件 将 服务 器 控件 进行 绑 定 ， 当 浏览 者 操作 UpdatePanel 
控件 中 的 控件 实现 某 种 特定 功能 时 ， 页 面 只 会 对 UpdatePanel 控件 之 间 的 控件 进行 刷新 操作 ， 
而 不 会 进行 整个 页 面 的 刷新 。 为 控件 编写 事件 的 操作 代码 如 下 : 


protected void Page Load(object sender, EventArgs e) 
d 
Label2.Text = DateTime.Now.ToString(); // 获 取 当 前 时 间 
} 
protected void Button1 Clickl(object sender, EventArgs e) 


{ 
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TextBoxl.Text=DateTime Now.ToString0: // 获 取 当 前 时 间 
J 


当 用 户 单 击 按钮 控件 时 ，TextBox 控件 将 获得 当前 时 间 并 呈现 到 TextBox 控件 中 ; 当 


是 单 击 按钮 还 是 使 用 AutoPostBack 属性 ， 都 需要 向 服务 器 发 送 请 求 ， 服 务 器 收 到 请 求 后 ， 执 
行 请 求 ， 请 求 执行 完毕 再 生成 一 个 新 的 Web 页面 呈现 给 客户 端 。 

当 Web 页 面 再 次 呈现 到 客户 端 时 ， 用 户 能 够 很 明显 地 感觉 到 页 面 被 刷新 。 而 使 用 
UpdatePanel 控件 后 ， 页 面 只 会 针对 UpdatePanel 控件 中 的 内 容 进行 更 新 ， 而 不 会 影响 
UpdatePanel 控件 外 的 控件 ， 运 行 效 果 如 图 11-4 和 图 11-5 所 示 。 


K| http://localhost:5374: O ~ Ka ii hap:/localhost5374 D ~ 
图 m 
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图 11-4 单 击 按钮 获取 时 间 图 11-5 再 次 获取 时 间 


当 应 用 程序 运行 之 后 ， 单 击 按钮 控件 将 获取 当前 时 间 ， 再 次 单 击 按钮 控件 之 后 ， 当 前 时 间 
同样 能 够 被 获取 并 呈现 在 TextBox 中 ， 但 是 页 面 并 没有 再 次 被 更 新 。 在 执行 过 程 中 ， 第 一 次 获 
取 的 时 间 为 2014/4/6 21:37:15, 当 再 次 获取 时 间 时 , Label 控件 显示 的 时 间 还 是 2014/4/6 21:37:15, 
而 TextBox 框 中 的 时 间 改 变 了 ， 这 说 明 UpdatePanel 控件 外 的 页 面 元 素 都 没有 再 更 新 。 


11.2 ASP.NET 4.5 AJAX 控件 


ASP.NET 4.5 提供 了 AJAX 控件 ， 以 便 开发 人 员 能 够 在 ASP.NET 4.5 中 进行 AJAX 应 用 
程序 的 开发 ， 通 过 使 用 AJAX 控件 能 够 减少 大 量 代 码 的 编写 ， 为 开发 人 员 提 供 了 搭建 AJAX 
应 用 程序 的 绝 佳 环境 。 


11.2.1 ScriptManger( 脚 本 管理 员 ) 控 件 


ScriptManager 控件 是 ASPNET 中 AJAX 功能 的 核心 ， 该 控件 可 以 管理 一 个 页 面 上 的 所 
有 ASPNET AJAX 资源 。ScriptManager 控件 用 于 处 理 页 面 上 的 局 部 更 新 ， 同 时 生成 相关 的 
代理 脚本 ， 以 便 能 够 通过 JavaScript 访问 Web Services 

ScriptManager 控件 用 来 进行 页 面 的 全 局 管理 。ScriptManager 只 能 在 页 面 中 使 用 一 次 ， 并 
且 必须 出 现在 所 有 ASP.NET AJAX 控件 之 前 。 创 建 一 个 ScriptManager 控件 ， 代 码 如 下 : 


<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 


ScriptManager 控件 的 常用 属性 如 下 。 
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è AllowCustomErrorRedirect: 获取 或 设置 一 个 值 ， 以 确定 异步 回 发 出 现 错误 时 是 否 使 
] Web.config 文件 的 自 定义 错误 部 分 。 
e AsyncPostBackTimeout: 指定 异步 回 发 的 超时 时 间 ， 默 认为 90 秒 。 
e AsyncPostBackErrorMessage: 获取 或 设置 异步 回 发 期 间 发 生 未 处 理 的 服务 器 异常 时 发 
送 到 客户 端的 错误 消息 。 
© EnablePartialRendering: 指定 当前 网 页 是 否 允 许 部 分 更 新 ， 默 认 值 为 True。 因 此 ， 默 
认 情 况 下 ， 当 向 页 面 添加 ScriptManager 控件 时 ， 将 启用 部 分 页 呈现 。 

在 AJAX 应 用 中 ，ScriptManager 控件 基本 上 不 需要 配置 就 能 使 用 ， 因 为 ScriptManager 
控件 通常 需要 同 其 他 AJAX 控件 搭配 使 用 。 在 AJAX 应 用 程序 中 ，ScriptManager 控件 就 相当 
于 一 个 总 指挥 官 ， 这 个 总 指挥 官 只 进行 指挥 ， 而 不 进行 实际 的 操作 。 

1. 使 用 ScriptManager 


如 果 需 要 使 用 AJAX 的 其 他 控件 ， 就 必须 先 创建 一 个 ScriptManager 控件 ， 并 且 页 面 中 
只 能 包含 一 个 ScriptManger 控件 。 
【 例 11-1】 创 建 一 个 ScriptManager 控件 和 一 个 UpdatePanel 控件 用 于 AJAX 应 用 开发 。 
在 UpdatePanel 控件 中 , 包含 一 个 Label 标签 和 一 个 TextBox 文本 框 ， 当 文本 框 的 内 容 被 更 改 
时 ， 就 会 触发 TextBoxl_TextChanged 事件 。 有 具体 代码 如 下 : 


<script language="c#" runat="server"> 
protected void TextBox1_TextChanged(object sender, EventArgs e) 


Í: 
try 
{ 
Labell.Font.Size = FontUnit.Point(Convert.Tolnt32(TextBox1.Text)); /改变 字体 大 小 
) 
catch 
{ 
Response.Write(" 错 误 ""); // 抛 出 异常 
} 
} 
</script> 
<html> 
<head> 
<title>ScriptManager 使 用 示例 </title> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Label ID="Label1" runat="server" Text=" 这 是 一 串 字 符 " 
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Font-Size="12px"></asp:Label><br /><br /> 
<asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True" 
Ontextchanged="TextBoxl_ TextChanged"></asp:TextBox> 
字符 的 大 小 (px) 
</ContentTemplate> 
</asp:UpdatePanel> 
</div> 
</form> 
</body> 
</html> 


将 上 述 代码 保存 为 Example.aspx， 运 行 结果 如 图 11-6 和 图 11-7 所 示 。 


AS < Š ° 
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这 是 一 中 字符 这 是 一 串 字符 
za 字符 的 大 小 (px) D “| 字符 的 大 小 (px) 
图 11-6 输入 字符 大 小 图 11-7 调整 字体 大 小 后 的 效果 
2. 捕获 异常 


当 页 面 回 传 发 生 异 常 时 ， 则 会 触发 AsyncPostBackError 事件 ， 示 例 代码 如 下 : 


protected void ScriptManagerl_AsyncPostBackError(object sender, AsyncPostBackErrorEventArgs e) 
í 
ScriptManager1.AsyncPostBackErrorMessage = " 回 传 发 生 异 常 :" + e.Exception.Message; 


} 


AsyncPostBackError 事件 的 触发 依赖 于 AllowCustomErrorsRedirect 、 AsyncPostBack 
ErrorMessage 属性 和 Web.config 中 的 <customErrors> 配 置 节 。 其 中 , AllowCustomErrorsRedirect 
属性 指明 在 异步 回 发 过 程 中 是 否 进行 自 定义 错误 重 定向 , 而 AsyncPostBackErrorMessage 属性 
则 指明 当 服 务 器 上 发 生 示 处 理 异常 时 要 发 送 到 客户 端的 错误 消息 。 


41.22 Timer( 时 间 ) 控 件 


在 C/S 应 用 程序 开发 中 ，Timer 控件 是 最 常用 的 控件 之 一 ， 通 过 它 可 以 进行 时 间 控 制 。 
Timer 控件 被 广泛 应 用 在 Windows WinForm 应 用 程序 开发 中 。Timer 控件 能 够 在 一 定 的 时 间 
间隔 内 触发 某 个 事件 ， 例 如 每 隔 5 秒 就 执行 一 次 某 个 事件 。 

但 是 在 Web 应 用 开发 中 ， 由 于 Web 应 用 是 无 状态 的 ， 开 发 人 员 很 难 通过 编程 的 方法 来 
实现 Timer 控件 。 虽 然 Timer 控件 可 以 通过 JavaScript 实现 ， 但 是 ， 是 以 复杂 的 编程 为 代价 
的 ， 这 就 造成 了 Timer 控件 的 使 用 困难 。 而 在 ASPNET AJAX 中 ，AJAX 提供 了 一 个 Timer 
控件 ， 用 于 按 定义 的 时 间 间 隔 执行 回 发 。 如 果 将 Timer 控件 用 于 UpdatePanel 控件 ， 则 可 以 
按 定义 的 时 间 间 隔 启 用 部 分 页 更 新 。 
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设置 Interval 属性 可 以 指定 回 发 发 生 的 频率 , 而 设置 Enabled 属性 可 以 打开 或 关闭 Timer。 
Interval 属性 是 以 毫秒 为 单位 的 ， 其 默认 值 为 60.000 毫秒 ( 即 60 秒 )。 
Timer 控件 会 将 一 个 JavaScript 组 件 嵌入 到 网 页 中 。 当 经 过 Interval 属性 定义 的 时 间 间 


隔 时 ， 该 JavaScript 组 件 将 从 浏览 器 启动 回 发 。 


如 果 回 发 是 由 Timer 控件 启动 的 ， 则 Timer 控件 将 在 服务 器 上 引发 Tick 事件 。 当 页 发 送 
到 服务 器 时 ， 可 以 创建 Tick 事件 的 事件 处 理 程 序 来 执行 一 些 操作 。 

【 例 11-2】 创建 页 面 Example2.aspx， 在 页 面 上 创建 一 个 UpdatePanel 控 件 ， 该 控件 用 于 控 
制 页 面 的 局 部 更 新 。 在 UpdatePanel 控 件 中 ， 包 括 一 个 Label 控 件 和 一 个 Timer 控 件 ，Label 控 件 


<script language="c#" runat="server"> 


用 于 显示 时 间 ，Timer 控 件 用 于 控制 每 1000 毫 秒 执行 一 次 Timerl_Tick 事 件 。 示 例 代码 如 下 : 


protected void Page Load(object sender, EventArgs e) /页面 打开 时 执行 
Í 
Labell.Text = DateTime Now.ToString(): // 获 取 当 前 时 间 
} 
protected void Timerl Tick(object sender, EventArgs e) //Timer 控件 计数 
{ 
Labell.Text = DateTime.Now.ToString(); // 遍 历 获 取 时 间 
} 
</script> 
<html> 
<body> 
<form id="form1" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 
<asp:Timer ID="Timer1" runat="server" Interval="1000" Ontick="Timer1_Tick"> 
</asp:Timer> 
</ContentTemplate> 
</asp:UpdatePanel> 
</div> 
</form> 
</body> 
</html> 


上 述 代码 在 页 面 被 呈现 时 ， 将 当前 时 间 呈 现 到 Label 
控件 中 。Timer 控件 用 于 每 隔 一 秒 进行 一 次 刷新 ， 并 将 当 
前 时 间 传 递 并 呈现 在 Label 控件 中 ， 这 样 就 形成 了 一 个 可 


x 
K Biji http://ocalhost5374 O ~ © Wu 
| localhost 3 
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以 自动 计数 的 时 间 。 如 图 11-8 所 示 每 隔 一 秒 会 自动 显示 新 
的 时 间 。 
Timer 控件 能 够 通过 简单 的 方法 让 开发 人 员 无 须 通过 


2014/4/6 21:46:54 


图 11-8 初始 页 面 
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复杂 的 JavaScript 编程 就 能 实现 时 间 控 制 。 但 是 从 另 一 方面 来 讲 ，Timer 控件 会 占用 大 量 的 服 
务 器 资源 ， 如 果 不 停 地 进行 客户 端 和 服务 器 的 信息 通信 操作 ， 很 容易 造成 服务 器 负载 过 量 。 


11.23 UpdatePanel( 更 新 区 域 ) 控 件 


使 用 ASPNET UpdatePanel 控件 可 以 生成 功能 丰富 的 、 以 客户 端 为 中 心 的 Web 应 用 程 
序 。 通 过 使 用 UpdatePanel 控件 ， 可 以 刷新 页 的 选 定 部 分 ， 而 不 是 使 用 回 发 刷新 整个 页 面 ， 
这 称 为 “部 分 页 更 新 ”。 包 含 一 个 ScriptManager 控件 和 一 个 或 多 个 UpdatePanel 控件 的 
ASP.NET 网 页 可 以 自动 参与 部 分 页 更 新 ， 而 无 须 自 定义 客户 端 脚本 。 

在 UpdatePanel 服务 器 控件 中 ， 所 发 出 的 PostBack 都 会 自动 以 AJAX 技术 通过 异步 方式 
传送 到 Web 服务 器 ， 待 服务 器 将 结果 传 回 后 再 以 “部 分 更 新 ”的 方式 显示 在 网 页 中 。 因 此 ， 
当 用 户 浏览 该 网 页 时 ， 不 会 有 画面 闪 动 的 不 适 感 ， 取 而 代 之 的 感觉 是 好 像 在 浏览 器 中 立即 产 
生 了 更 新 效果 。 不 用 将 所 有 内 容 都 放 进 UpdatePanel， 只 需 将 要 更 新 的 内 容 放 进 UpdatePanel 
即 可 。 

UpdatePanel 控件 的 属性 主要 有 如 下 3 个 。 

© RenderMode: 获取 或 设置 一 个 值 ， 该 值 指示 UpdatePanel 控件 的 内 容 是 否 包含 在 

HIML<div> 或 <span> 元 素 中 。 如 果 是 Inline, UpdatePanel 控件 的 内 容 将 呈现 在 <span> 
元 素 内 ， 如 果 是 Block， 则 这 些 内 容 将 呈现 在 <div> 元 素 内 。 
e ChildrenAsTriggers: 该 属性 指明 来 自 UpdatePanel 控件 的 子 控件 的 回 发 是 否 导致 
UpdatePanel 控件 的 更 新 ， 其 默认 值 为 True。 
© Triggers: 获取 已 经 为 UpdatePanel 控件 定义 的 所 有 触发 器 的 集合 。 可 以 通过 使 用 
UpdatePanel 控件 的 <Triggers> 元 素 以 声明 的 方式 定义 触发 器 。 该 集合 包含 AsyncPostBack 
Trigger 和 PostBackTrigger 对 象 。 

UpdatePanel 控件 包含 ContentTemplate 标签 。 在 ContentTemplate 标签 中 , 开发 人 员 可 以 

放置 任何 ASPNET 控件 ， 这 些 控 件 能 够 实现 页 面 无 刷新 的 更 新 操作 。 示 例 代码 如 下 : 


Li 


<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
<asp:Button ID="Button1" runat="server" Text="Button" /> 
</ContentTemplate> 
</asp:UpdatePanel> 


上 述 代码 在 ContentTemplate 标签 中 加 入 了 TextBoxl 和 Buttonl 控件 ， 当 这 两 个 控件 产 
生 回 发 事件 时 ， 并 不 会 对 页 面 中 的 其 他 元 素 进行 更 新 ， 只 会 对 UpdatePanel 控件 中 的 内 容 进 
行 更 新 ， 如 图 11-9 所 示 。 

UpdatePanel {$ EEA Triggers WR -Triggers 标签 包括 两 个 对 象 , 分 别 为 AsyncPostBack 
Trigger 和 PostBackTrigger。AsyncPostBackTrigger 控件 用 于 使 控件 成 为 UpdatePanel 控件 的 
触发 器 。AsyncPostBackTrigger 需要 配置 控件 的 人 和 控件 产生 的 事件 名 ， 示 例 代 码 如 下 : 
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服务 器 端 


<asp:ScriptManager 
ID='"ScriptManager1" 
runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel 
ID="UpdatePanel1" 
runat="server"> 
<ContentTemplate> 
<asp:TextBox 
ID="TextBox1” runat="server">] 
</asp:TextBox> 
<asp:Button 
ID=*Button1" runat="server" 
Text="Button" /> 
</ContentTemplate> 
</asp:UpdatePanel> 


请 求 


客户 端 浏览 器 


回应 


异步 更 新 


<asp:TextBox ID="TextBox1" 


runat="server"> 
</asp'TextBox> 
<2sp:Button ID=" Button]" 


runat="server" 
Text="Button" /> 


<asp:TextBox ID="TextBox1" 
runat="server"> 
</asp:TextBox> 

<asp:Button ID="Button1" 
runat="server" 
Text="Button" /> 


图 11-9 UpdatePanel 控件 异步 请 求 示意 图 


<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 


<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 


<asp:Button ID="Button1" runat="server" Text="Button" /> 
</ContentTemplate> 
<Triggers> 

<asp:AsyncPostBackTrigger ControllD="TextBox1" EventName="TextChanged" /> 

</Triggers> 
</asp:UpdatePanel> 


而 PostBackTrigger 控件 用 来 指定 UpdatePanel 中 的 某 个 控件 ， 并 将 其 产生 的 事件 以 传统 
发 。 使 用 PostBackTrigger 控件 可 以 使 UpdatePanel 内 部 的 控件 导致 回 发 ， 
而 不 是 执行 异步 回 发 。 


的 回 发 方式 进行 回 


注意 : 


如 果 同 时 将 控件 设置 为 PostBackTrigger 和 AsyncPostBackTrigger， 则 会 引发 异常 。 


UpdatePanel 控件 在 ASP.NET AJAX 中 是 非常 重要 的 ， 它 用 于 进行 局 部 更 新 ， 当 


UpdatePanel 控件 中 的 服务 器 控件 产生 事件 并 需要 动态 更 新 时 ， 服 务 器 端 返 回 
UpdatePanel 控件 中 的 事件 而 不 会 影响 其 他 的 事件 。 


11.2.4 ”UpdateProgress( 更 新 进度 ) 控 件 


请 求 只 会 更 新 


使 用 ASP.NET AJAX 常常 会 给 用 户 造 成 疑惑 。 例如 当 用 户 进行 评论 或 留言 时 , 页 面 并 没 
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有 刷新 ， 而 是 进行 了 局 部 刷新 ， 这 个 时 候 用 户 很 可 能 不 清楚 到 底 发 生 了 什么 ， 以 至 于 用 户 可 
能 会 产生 重复 操作 ， 甚 至 是 非法 操作 。 

UpdateProgress 控件 就 用 于 解决 这 个 问题 ， 当 服务 器 端 与 客户 端 进行 异步 通信 时 ， 可 以 
使 用 UpdateProgress 控件 告诉 用 户 现在 正在 执行 中 。 例 如 ， 当 用 户 进行 评论 时 ， 单 击 按钮 提 
交 表 单 ， 系 统 应 该 提示 “正在 提交 中 ， 请 稍 后 ”， 这 样 就 使 得 用 户 知道 应 用 程序 正在 运行 中 。 
这 种 方法 不 仅 能 够 减少 错误 操作 ， 也 能 够 提升 用 户 体验 的 友好 度 。UpdateProgress 控件 的 
HTML 代码 如 下 : 


<asp:UpdateProgress ID="UpdateProgress1" runat="server"> 
<ProgressTemplate> 
正在 操作 中 ， 请 稍 后 .…<br /> 
</ProgressTemplate> 
</asp:UpdateProgress> 


【 例 11-3】 创 建 Example3.aspx 页 面 ， 在 页 面 上 创建 一 个 UpdateProgress 控件 ， 并 通过 
使 用 ProgressTemplate 标记 进行 等 待 中 的 样式 控制 。 另 外 , 创建 一 个 Label 控件 和 一 个 Button 
控件 ， 当 用 户 单 击 Button 控件 时 ，ProgressTemplate 标记 中 的 内 容 就 会 呈现 ， 以 提示 用 户 应 
用 程序 正在 运行 。 代 码 如 下 : 


<script language="c#" runat="server"> 
protected void Button1_Click(object sender, EventArgs e) 
Í 
System.Threading.Thread.Sleep(3000): // 挂 起 3 秒 
Labell.Text = DateTime Now.ToString(): /获取 时 间 
) 
</script> 
<html> 
<head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManager1" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
<asp:UpdateProgress ID="UpdateProgress1" runat="server"> 
<ProgressTemplate> 
正在 操作 中 ， 请 稍 后 <br/> 
</ProgressTemplate> 
</asp:UpdateProgress> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 
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<asp:Button ID="Button1" runat="server" Text="Button" Onclick="Buttonl Click" /> 
</ContentTemplate> 
</asp:UpdatePanel> 
</div> 
</form> 
</body> 
</html> 


上 述 代 码 使 用 了 System Threading. Thread. Sleep 方法 指定 系统 线程 挂 起 的 时 间 , 这 里 设置 
为 3000 毫秒 ， 也 就 是 说 ， 当 用 户 进行 操作 后 ， 在 这 3 秒 的 时 间 内 会 呈现 “正在 操作 中 
请 稍 后 ...” 的 字样 ， 当 3000 毫秒 过 后 ， 就 会 执行 下 面 的 方法 ， 运 行 效果 如 图 11-10 和 图 
11-11 所 示 。 
[| pyocnostss7e O ~ 加 a eL EEEE n 
[i oaro 司 | localhost 3 


文件 (F) WAE EEV 收藏 只 (A) IAT” 文件 (有 SRE EEV) BERA IAT” 


正在 操作 中 ， 请 稍 后 … 2014/4/6 21:51:21 | Button 
Label| Button 


图 11-10 正在 操作 中 图 11-11 操作 完毕 后 


在 用 户 单 击 按钮 提交 后 ， 如 果 服 务 器 和 客户 端 之 间 的 通信 需要 较 长 时 间 的 更 新 ， 则 等 待 
提示 语 会 提示 “正在 操作 中 ”。 如 果 服 务 器 和 客户 端 之 间 交 互 的 时 间 很 短 ， 基 本 上 看 不 到 
UpdateProgress 控件 的 显示 。UpdateProgress 控件 在 大 量 的 数据 访问 和 数据 操作 中 能 够 提高 用 
户 友好 度 ， 并 避免 错误 的 发 生 。 
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本 章 介绍 了 ASP.NET AJAX 的 一 些 控件 和 特性 ， 并 介绍 了 AJAX 基础 。 在 Web 应 用 程 
序 开发 中 ， 使 用 一 定 的 AJAX 技术 能 够 提高 应 用 程序 的 健壮 性 和 用 户 体验 的 友好 度 。 使 用 
AJAX 技术 能 够 实现 页 面 无 刷新 和 异步 数据 处 理 ， 让 页 面 中 的 其 他 元 素 不 会 随 着 “客户 端 一 
服务 器 ”的 通信 再 次 刷新 ， 这 样 ， 不 仅 能 够 减少 客户 端 服务 器 之 间 的 带宽 ， 也 能 够 提高 Web 
应 用 的 速度 。 

虽然 Ajax 是 当今 的 热门 技术 ， 但 是 Ajax 并 不 是 一 个 新 技术 ，Ajax 是 由 一 些 老 技术 组 合 
在 一 起 来 实现 的 ， 这 些 技术 包括 XML、JavaScript、DOM 等 ， 而 且 Ajax 并 不 需要 在 服务 器 
端 安装 插件 或 应 用 程序 框架 , 只 要 浏览 器 支持 JavaScript 就 能 够 实现 Ajax 技术 的 部 署 和 实现 。 
尽管 Ajax 具有 如 上 诸多 优势 ， 但 是 Ajax 也 有 一 些 缺点 ， 就 是 对 多 媒体 的 支持 还 没有 Flash 
那么 好 ， 并 且 也 不 能 很 好 地 支持 移动 设备 。 另 外 ，Ajax 也 增加 了 服务 器 负担 ， 如 果 在 服务 器 
中 大 量 使 用 AJAX 控 件 的 话 , 有 可 能 造成 服务 器 假死 ,熟练 和 高 效 编 写 Ajax 应 用 对 AJAX Web 
应 用 程序 开发 是 非常 有 好 处 的 。 
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1.4 练 J 


1. Ajax 和 ASPNET AJAX 有 什么 相同 点 和 不 同 点 ? 

2. ASP.NET AJAX 网 页 一 定 都 要 添加 且 放 在 最 前 面 的 控件 是 什么 ? 

3. 若 要 刷新 页 的 选 定 部 分 ， 而 不 是 使 用 回 发 刷新 整个 页 面 ， 则 可 以 在 网 页 上 添加 什么 控 
件 ? 

4. UpdateProgress 控件 的 作用 是 什么 ? 

5. 新 建 名 字 为 AJAX_Exercise 的 网 站 。 

(1) 添加 一 个 网 页 ， 当 单 击 Button 控件 时 ， 局 部 更 新 Image 控件 中 的 图 片 ， 同 时 利用 
UpdateProgress 控件 提示 更 新 信息 。 

(2) 建立 母 版 页 和 内 容 页 ， 要 求 在 内 容 页 中 每 2 秒 钟 局 部 更 新 Label 控件 的 当前 时 间 。 

(3) 添加 一 个 网 页 ， 在 两 个 UpdatePanel 控件 中 分 别 放置 一 个 显示 时 间 的 Label 控件 ， 当 
单 击 UpdatePanel 外 面 的 Button 控件 时 ， 只 有 其 中 一 个 UpdatePanel 控件 局 部 刷新 。 

(4) 页 面 的 初始 运行 效果 如 图 11-12 所 示 ， 要 求 不 刷新 整个 页 面 。 当 用 户 在 【用 户 名 】 


并 在 文本 框 右边 显示 刚 输 入 的 注册 名 是 否 可 用 。 如 果 用 户 名 为 “abce”， 提示“ 该 用 户 名 已 经 
存在 ”， 和 否则 提示 “该 用 户 名 可 用 ”。 当 用 户 单 击 【 注 册 】 按钮 时 ， 如 果 注 册 用 户 名 已 经 存 
在 或 者 用 户 名 为 空 ， 则 弹出 一 个 对 话 框 ， 提 示 信 息 为 “用 户 名 不 合法 ! ”。 


J Untitled Page 
XPD MED FEV KAA IAV 帮助 00 


O~- O- 3 l) @ Ar ka O 


HBE M) [Æ] http://localhost :49573/Default. aspx v 图 和 到 me” 


图 11-12 页 面 的 初始 运行 效果 
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在 网 络 经 济 与 电子 商务 迅猛 发 展 的 今天 ， 越 来 越 多 的 企业 认识 到 建立 网 站 的 必要 性 。 网 
站 是 展示 自己 产品 和 提升 企业 形象 的 网 络 平台 。 但 是 如 何 有 效 地 发 布 产品 信息 、 服 务 信 息 和 
企业 信息 ， 在 各 种 资源 调配 上 做 到 管理 有 序 ， 这 都 是 对 企业 网 络 平台 的 重大 挑战 。 

本 章 将 介绍 一 个 典型 的 企业 网 站 。 通过 本 章 学 习 , 读者 将 会 对 企业 网 站 有 一 个 系统 认识 。 
在 此 基础 上 ， 调 研 某 一 个 企业 的 自身 需求 ， 便 可 以 制作 实用 的 企业 网 站 。 

本 章 的 学 习 目 标 : 
进一步 熟悉 ASP.NET 编程 技术 ; 
掌握 Web 控件 使 用 方法 
让 ADO.NET 编程 更 加 简洁 ; 
熟悉 网 站 的 制作 过 程 。 


12.1 系统 设计 


结合 中 小 企业 的 实际 ， 在 需求 分 析 的 基础 上 ， 给 出 如 下 设计 : 概念 结构 设计 、 数 据 库 设 
计 和 功能 设计 。 


12.1.1 需求 分 析 


企业 网 站 的 栏目 和 功能 各 不 相同 。 通 过 对 中 小 企业 的 调查 分 析 ， 开 发 小 组 认为 中 小 企业 
网 站 主要 的 栏目 和 功能 应 该 包括 : 企业 简介 ， 让 用 户 了 解 企业 文化 、 理 念 、 历 史 和 规模 ， 联 
系 方式 ， 让 用 户 可 以 及 时 与 企业 沟通 ;企业 新 闻 ， 让 用 户 了 解 企业 最 新 的 活动 、 发 展 动态 和 
优惠 措施 等 ， 产 品 和 服务 ， 介 绍 产品 的 图 片 、 规 格 、 型 号 、 价 格 、 功 能 等 信息 ， 介 绍 企业 所 
提供 的 各 项 服务 ， 同 时 提供 网 站 后 台 管理 功能 。 


1242 ”概念 结构 设计 "` ' Papan 
系统 的 ER 图 (图 中 省 略 了 实体 和 联系 的 属性 ) 如 a 

图 12-1 所 示 ， 每 个 实体 及 属性 如 下 。 w w FEAM 
。 新 闻 信息 ， 流 水 号 、 新 闻 标 题 、 新 闻 内 容 、 

新 闻 类 别 、 添 加 时 间 、 阅 读 次 数 。 < n" 
e 新 闻 类 别 : 流水 号 、 新 闻 类 别 。 图 12-1 ER 图 


e 产品 : 流水 号 、 产 品名 称 、 产 品 价格 、 产 品 图 片 、 产 品类 别 、 产 品 介绍 。 
e 产品 类 别 : 流水 号 、 产 品类 别 。 


e° HP: 用 户 名 、 密 码 、 真 实 姓名 、 电 话 、 地 址 、 邮 编 。 
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12.1.3 ”数据库 设计 

在 图 12-1 所 示 的 E-R 图 中 ， 有 5 个 实体 、 一 个 多 对 多 联系 和 两 个 一 对 多 联系 。 由 于 每 
个 实体 可 以 用 一 张 表 表示 ， 每 个 多 对 多 联系 可 以 用 一 张 表 表 示 ， 而 一 对 多 的 联系 不 需要 建新 
表 ， 所 以 ， 把 E-R 图 转换 成 数据 库 的 6 张 表 即 可 。 

这 6 张 表 分 别 是 新 闻 信 息 表 、 新 闻 类 别 表 、 产 品 表 、 产 品类 别 表 、 订 单 表 和 用 户 表 。 表 
的 结构 如 表 12-1~ 表 12-6 所 示 。 


表 12-1 新 闻 信息 表 


列 名 说 _ BB 
流水 号 Bigint 主键 
新 闻 标题 Nvarchar 
新 闻 内 容 Ntext 
新 闻 类 别 Nvarchar 外 键 
添加 时 间 smalldatetime 
阅读 次 数 Int 默认 为 0 


流水 号 E= sasss= 
新 闻 类 别 


列 名 度 说 ”了 明 
流水 号 | 主键 

产品 名 称 

价格 w — 


产品 图 片 Varchar S 图 片 文件 名 
产品 类 别 Varchar 外 键 
产品 介绍 Ntext 


列 名 数据 类 型 度 说 HB 
流水 号 Bigint 主键 
产品 类 别 Nvarchar 


p 名 数 据 类 型 长 FE 说 BB 
用 户 名 Nvarchar 20 主键 
密码 Nyvarchar 10 
真实 姓名 Nyvarchar 50 
电话 Nyvarchar 50 
地 址 Nyvarchar 50 
邮编 Nyvarchar 6 
管理 员 标 志 Bit 1 默认 0， 表 示 一 般 用 户 
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表 12-6 


流水 号 
产品 流水 号 
订购 数量 

用 户 名 | Nvarchar 
订购 日 期 | Datetime 
处 理 标志 Bit 


默认 0， 表 示 未 处 理 
12.1.4 功能 设计 


网 站 功能 包括 前 台 和 后 台 管 理 。 前 台 功 和 etui: 品 列表 、 新 闻 列 表 、 产 品 订 购 、 修 改 
注册 信息 和 登录 。 后 台 管 理 包括 : 产品 管理 、 eis 新 闻 管 理 、 新 闻 添 加 、 订 单 管理 ， 
如 图 12-2 所 示 。 


企业 电子 商务 网 站 系统 


图 12-2 功能 设计 


12.2 系统 实现 


首先 根据 表 12-1~ 表 12-6 在 SQL Server 2012 中 创建 名 称 为 “实例 数据 库 .mdf” 的 数据 库 ， 
然后 启动 VS 2012， 新 建 网 站 ,按照 第 8 章 【 例 8-1】 的 方法 ， 将 web.config 配置 文件 中 设置 
好 数据 库 信息 。 下 面 详细 介绍 程序 设计 。 


12.2.1 访问 数据 库 公 共 类 


本 实例 编写 了 一 个 BaseClass.cs 类 ， 负 责 数 据 库 数据 的 操作 。 

在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 名 ， 选 择 【 添 加 新 项 】 命 令 ， 在 弹出 的 对 话 框 
中 选择 【类 】 模 板 ， 更 改 默认 名 称 为 【BaseClass.cs】。 

以 下 是 BaseClass.cs 的 主要 代码 及 解释 。 

(1) BaseClass 类 被 包含 在 GROUP Manage 命名 空间 中 ， 以 后 需要 使 用 BaseClass 类 的 页 
面 ， 必 须 在 页 面 开 头 使 用 using GROUP.Manage 语句 引用 。 类 结构 代码 如 下 : 


namespace GROUP.Manage 
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{// 命 名 空间 开始 

public class BaseClass: System.Web.ULPage 

{1/ 类 定义 开始 
String strConn: // 类 变量 
public BaseClass() /构造 函数 
{// 在 构造 函数 中 ， 取 数据 库 连接 串 
strConn = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
} 
… 几 个 方法 的 定义 

) /类 定义 结束 
} /命名 空间 结束 


(2) 方法 public DataTable ReadTable(String strSqD) 用 来 从 数据 库 读 取 数据 ， 并 返回 一 个 
DataTable。 代 码 如 下 : 


public DataTable ReadTable(String strSql) 
{ DataTable dt=new DataTable():// 创 建 一 个 DataTable 
// 定 义 新 的 数据 连接 控件 并 初始 化 
SqlConnection Conn = new SqlConnection(strConn); 
Conn.Open0;// 打 开 连 接 
SqlDataAdapter Cmd = new SqlDataAdapter(strSql, Conn); // 定 义 并 初始 化 数据 适配器 
Cmd Fill(dt): // 将 数据 适配器 中 的 数据 填充 到 DataTable 中 
Conn.Close();// 关 闭 连 接 
return dt; // 方 法 返回 参数 为 DataTable 
} 


(3) 方法 public DataSet ReadDataSet(String strSq]) 也 是 用 来 从 数据 库 读 取 数 据 ， 不 同 的 是 
返回 一 个 DataSet。 代 码 如 下 : 


public DataSet ReadDataSet(String strSql) 

H DataSet ds=new DataSetO:// 创 建 一 个 数据 集 DataSet 
SqlConnection Conn = new SqlConnection(strConn); /定义 新 的 数据 连接 控件 并 初始 化 
Conn.Open(;// 打 开 连 接 
SqlDataAdapter Cmd = new SqlDataAdapter(strSql, Conn): // 定 义 并 初始 化 数据 适配器 
Cmd.Fill(ds); /将 数据 填充 到 数据 集 Dataset 中 
Conn.Close0:// 关 闭 连接 
return ds; // 方 法 返回 参数 为 DataSet 

} 


(4) 方法 public DataSet GetDataSet(String strSql, String tableName) 和 ReadDataSet 几乎 完 
全 相同 ， 只 是 多 了 个 tableName 参数 。 代 码 如 下 : 


public DataSet GetDataSet(String strSql, String tableName) 

{ DataSet ds = new DataSet();// 创 建 一 个 数据 集 DataSet 
SqlConnection Conn = new SqlConnection(strConn); // 定 义 新 的 数据 连接 控件 并 初始 化 
Conn.Open0:// 打 开 连 接 


“306。 ASPNET 4.5 动态 网 站 开发 基础 教程 


SqlDataAdapter Cmd = new SqlDataAdapter(strSql, Conn); /定义 并 初始 化 数据 适配器 
Cmd.Fill(ds, tableName):// 将 数据 填充 到 数据 集 DataSet 中 
Conn.Close(); /关闭 连接 
return ds; /方法 返回 参数 为 DataSet 
} 


(5) 方法 public SqlDataReader readrow(String sql) 执 行 SQL 查询 ， 并 返回 一 个 Reader。 代 
码 如 下 : 


public SqlDataReader readrow(String sql) 

{ SqlConnection Conn = new SqlConnection(strConn); // 连 接 数 据 库 
Conn.Open(); 
SqlCommand Comm = new SqlCommand(sql, Conn); /定义 并 初始 化 Command 控件 
SqlDataReader Reader = Comnl ExecuteReader0/ 创 建 Reader 控件 ， 并 添加 数据 记录 / 
if (Reader.ReadO))#lI 2 Reader 不 为 空 ,返回 Reader， 否 则 返回 null 
í Comm.Dispose(); 


return Reader; 
) 
else 
{ Comm.Dispose(); 
return null: 
} 
} 


(6) 方法 public string Readstr(String strSql, int flag) 返 回 查询 结果 第 一 行 某 一 字段 的 值 。 代 
码 如 下 : 


public string Readstr(String strSql, int flag) 
{ ”DataSet ds=new DataSet();// 创 建 一 个 数据 集 DataSet 
String str; 
SqlConnection Conn = new SqlConnection(strConn); // 定 义 新 的 数据 连接 控件 并 初始 化 
Conn.Open0;// 打 开 连 接 
SqlDataAdapter Cmd = new SqlDataAdapter(strSql, Conn): // 定 义 并 初始 化 数据 适配器 
Cmd.Fill(ds);// 将 数据 填充 到 数据 集 DataSet 中 
str=ds.Tables[0].Rows[0].ItemArray[flag].ToString0; // 取出 DataSet 中 第 一 行 第 flag 列 的 数据 
Conn.Close0;// 关 闭 连接 
return str; /返回 数据 
} 


(7) 方法 public void execsql(String strSq]) 用 来 执行 SQL 更 新 语句 。 代 码 如 下 : 


public void execsql(String strSql) 
{ SqlConnection Conn = new SqlConnection(strConn): // 定 义 新 的 数据 连接 控件 并 初始 化 
SqlCommand Comm = new SqlCommand(strSql, Conn); // 定 义 并 初始 化 Command 控件 
Conn.Open0;// 打 开 连 接 
Comm.ExecuteNonQuery0;// 执 行 命令 
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Conn.Close0:// 关 闭 连接 
} 


12.2.2 ”和 母 版 页 


添加 母 版 页 ， 名 称 为 MasterPage.master。 在 母 版 页 中 添加 一 个 ScriptManager 控件 ， 这 是 
很 重要 的 。 因 为 很 多 页 面 用 到 ASPNET AJAX 无 页 面 刷新 技术 , 直接 把 该 控件 放 到 母 版 页 中 ， 
其 他 用 到 该 母 版 页 的 页 面 就 不 需要 单独 添加 ScriptManager 控件 了 。 

母 版 页 上 有 几 个 主要 的 div， 分 别 设置 标题 图 片 、 导 航 、 内 容 和 底部 信息 。 新 建 一 个 样 
式 文件 StyleSheetcss， 定 义 网 站 主要 样式 。 母 版 页 设计 的 最 终 效果 如 图 12-3 所 示 。 

部 分 HTML 代码 如 下 : 


<asp:ScriptManager ID="ScriptManagerl" runat="server"></asp:ScriptManager> 
<div id="maindiv"> 
<div id="HeadDiv"> <br /> <br /> <br /> <br /> <br /> 
您 是 第 <strong style="font-size: 14pt; color: #ffcc66:"><%=Application["counter"]%></strong>f uy 
问 者 ! <br/> </div> 
<div id="MenuDiv"> 


<asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="~/Default.aspx"> 首 页 
</asp:HyperLink> 
<asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="~/about.aspx"> 关 于 公司 
</asp:HyperLink> 
<asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl="~/shownews.aspx?id=%"> 新 闻 
</asp:HyperLink> 
<asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="~/showpros.aspx?id=%'> 产 品 
</asp:HyperLink> 
<asp:HyperLink ID="HyperLink6" runat="server" NavigateUrl="~/address.aspx"> 联 系 我 们 


</asp:HyperLink> | </div> 
<div id="ContentDiv" style="background-color: #ffffff-"> 

<asp:ContentPlaceHolder ID="ContentPlaceHolderl" runat="server"> 

</asp:ContentPlaceHolder> </div> 

<div id="EndimageDiv"> </div> 

<div id="EndDiv"> 
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/admin _ default.aspx" 
Target=" blank"> 管 理 入 口 </asp:HyperLink><br /> 
CopyRight &copy; 2008-2009 xingkongsoft All Right Reserved.<br /> 
星空 软件 研究 室 版 权 所 有 E-mail:xingkongsoft@163.com 
</div> </div> 
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该 网 站 只 设计 一 个 母 版 页 , 实际 工作 中 , 可 以 根据 需要 为 不 同 的 栏目 设计 各 自 的 母 版 页 ， 


展现 不 同 的 栏目 个 性 。 
12.2.3 前台 模块 功能 

前 台 信息 功能 包括 : 登录 、 用 户 注册 、 新 闻 列表 、 产 品 列表 、 产 品 订单 、 联 系 我 们 等 相 
关 功 能 ， 接 下 来 将 详细 介绍 这 些 功 能 是 如 何 实现 的 。 

1. 前 台 默 认 主页 

该 网 站 的 默认 主页 为 Default.aspx， 如 图 12-4 所 示 。 
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图 12-4 默认 主页 


Defaultaspx 页 面 的 主要 控件 包括 : 用 于 显示 行业 和 企业 新 闻 的 两 个 GridView 控件 ， 一 
个 展现 企业 产品 的 DataList 控件 ， 还 有 用 于 用 户 登录 和 注册 的 用 户 控 件 。 主 要 代码 如 下 : 


<div class="divtabletop" style="width: 356px:height: 19px" > :: 企 业 新 闻 
<asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="shownews.aspx?id= 企 业 新 闻 
">More>></asp:HyperLink></div> 
<div class="divtablebody" style="width: 356px; height: 135px"> 
<asp:GridView ID="GridView1" runat="server" Height="131px" PageSize="6" ShowHeader="False" 
Width="336px" GridLines="None" AutoGenerateColumns="False" 
Font-Overline="False" CssClass="font" Font-Italic="False"> 
<Columns> 
<asp:HyperLinkField DataNavigateUrlFields=" 流 水 号 " 
DataNavigateUrlFormatString="shownew.aspx?id={0}" 
DataTextField=" 新 闻 标 题 " DataTextFormatString="&#183;{0}"> 
<ItemStyle Font-Overline="False" HorizontalAlign="Left" /> 
</asp:HyperLinkField> 
<asp:BoundField DataField=" 添 加 时 间 " DataFormatString="{0:d}" /> 
</Columns> 
</asp:GridView> </div> 
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<div class="divtabletop" style="width: 357px:height:19px" >:: 行 业 新 闻 
<asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="shownews.aspx?id= 业 内 新 闻 
">More>></asp:HyperLink> </div> 
<div class="divtablebody" style="width: 357px;height:135px" > 
<asp:GridView ID="GridView2" runat="server" Height="131px" PageSize="6" 
ShowHeader="False" Width="336px" GridLines="None" AutoGenerateColumns="False" 
CssClass="font"> 
<Columns> 
<asp:HyperLinkField DataNavigateUrlFields=" 流 水 号 " 
DataNavigateUrlFormatString="shownew.aspx?id={0}" 
DataTextField=" 新 闻 标 题 " DataTextFormatString="&#183;{0}"> 
<ItemStyle Font-Overline="False" HorizontalAlign="Left" /> 
</asp:HyperLinkField> 
<asp:BoundField DataField=" 添 加 时 间 " DataFormatString="{0:d}" /> 
</Columns> 
</asp:GridView> </div> 
<div class="divtabletop" style="width:524px; height: 19px" >:: 企 业 产 品 
<asp:HyperLink ID="HyperLinkl" runat="server" NavigateUrl="showpros.aspx?id=%">More>> 
</asp:HyperLink> </div> 
<div class="divtablebody" style="width:524px;height: 265px" > 
<asp:DataList ID="DataListl" runat="server" Height="248px" RepeatColumns="2" 
RepeatDirection="Horizontal" Width="512px" Font-Names=" 宋 体 " Font-Size="12px"> 
<ItemTemplate> 
<table border="0" cellpadding="0" cellspacing="0" style="font-size: 12px; font-family: 宋体 "> 
<tr> <td align="center" rowspan="2" valign="middle" > 
<a href='showpro.aspx?id=<%# DataBinder.Eval(Container.Dataltem, "流水 号 ")%> > 
<img height="60" src='image/<%# DataBinder.Eval(Container.Dataltem, "产品 图 片 ")%>' 
width="100" style="border-top-style: none; border-right-style: none: border-left-style: none; 
border-bottom-style: none" alt="a" /></a></td> 
<td valign="middle" style="width: 150px; height: 22px:" align="left"> 
<img height="15" src="image/dot_1.gif" style="width: 25px" alt="d" /><a 
href=showpro.aspx?id=<%# DataBinder.Eval(Container.Dataltem, "流水 号 ")%> ><strong><%# 
DataBinder.Eval(Container.Dataltem, "产品 名 称 ")%></strong></a></td> </tr> 
<tr> <td style="width: 150px; height: 53px" align="left"> 
<img height="11" src="image/dot 1.gif' width="24" alt="b" >it: Y <%# 
DataBinder.Eval(Container.Dataltem, "产品 价格 ")%> 元 <br /> <br /> 
<img height="11" src="image/dot_1.gif" width="24" alt="c" /> 类 别 : 
<a href='showpros.aspx?id=<%# DataBinder.Eval(Container.Dataltem, "产品 类 别 ")%>> 
<%# DataBinder.Eval(Container.Dataltem, "产品 类 别 ")%> </a> </td> </tr> 
</table> 
</ItemTemplate> 
</asp:DataList> </div> 
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<ucl:Userlogin id="Userlogin1_1" runat="server"></uc1:Userlogin> 


Default.aspx.cs 的 主要 代码 及 说 明 如 下 。 
(1) 创建 公共 类 BaseClass 的 对 象 ， 目 的 是 使 用 操作 数据 库 的 方法 。 代 码 如 下 : 


BaseClass BaseClassl = new BaseClass(); 


(2) 每 次 加 载 时 显示 企业 新 闻 、 业 内 新 闻 和 产品 信息 。 代 码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
í string strsql; 
/定义 查询 企业 新 闻 SQL 语句 ， 返 回 前 6 条 记录 
strsql = "SELECT top 6 流水 号 ,新 闻 标题 ,添加 时 间 FROM 新 闻 信息 where 新 闻 类 别 = 企 业 新 
闻 'order by 流水 号 desc"; 
DataTable dt = BaseClass1.ReadTable(strsqD): /把 结果 返回 到 DataTable 中 
GridView1.DataSource = dt; /指定 GridView 数据 源 
GridView1.DataBind0:/ GridView 显示 数据 
strsql="SELECT top 6 流水 号 ,新 闻 标 题 ,添加 时 间 FROM 新 闻 信 息 where 新 闻 类 别 = 业 内 新 
闻 'order by 流水 号 desc "; /定义 查询 业内 新 闻 SQL 语句 ， 返 回 前 6 条 记录 
dt = BaseClass1.ReadTable(strsql); /把 结果 返回 到 DataTable 中 
GridView2.DataSource = dt; /指定 GridView 数据 源 
GridView2.DataBind();// GridView 显示 数据 
/定义 查询 产品 信息 SQL 语句 ， 返 回 前 4 条 记录 
strsql = "select top 4 * from 产品 order by 流水 号 "; 
dt = BaseClass1.ReadTable(strsql); /把 结果 返回 到 DataTable 中 
DataListl.DataSource = dt; /指定 GridView 数据 源 
DataListl.DataBind();// GridView 显示 数据 } 


2. 用 户 登 录 功 能 


为 方便 起 见 ， 将 用 户 登 录 对 话 杠 做 成 了 用 户 控件 ， 如 图 12-5 所 示 , 用户 登 录 后 出 现 右边 
的 信息 ， 系 统 为 注册 用 户 提供 了 订单 管理 等 功能 。 


BPZ: | t: 


图 12-5 用 户 登 录 对 话 框 


Userlogin.ascx 用 户 控 件 采用 了 上 下 两 个 div Jš, 分 别 存放 如 图 12-5 所 示 的 左边 和 右边 的 
信息 ， 通 过 div 的 Visible 属性 控制 显示 内 容 主要 代码 如 下 : 


<div id="div1" runat="server" style="width: 100%; height: 100px;"> 
<table style="font-size: 12px; font-family: 宋体 :"> 
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<tr> <td colspan="2" style="width: 180px; height: 21px:" align="center"> :: 用 户 登 录 ::</td> </tr> 
<tr> <td style="width: 80px" align="right"> 用 户 名 : </td> 
<td style="width: 83px"> <asp:TextBox ID="TextBox1" runat="server" 
Width="90"></asp:TextBox></td> </tr> 
<tr> <td style="width: 80px" align="right"> ”密码 : </td> 
<td style="width: 83px"> <asp:TextBox ID="TextBox2" runat="server" Width="90" 
TextMode="Password"></asp:TextBox></td> </tr> 
<tr> <td style="width: 180px" colspan="2" align="center"> 
<asp:Button ID="Button1" runat="server" Text=" 登 录 " Width="53px" OnClick="Button1 _Click" /> 
<asp:Button ID="Button2" runat="server" Text=" 注 册 " Width="56px" OnClick="Button2_Click" /></td> 
</tr> 
</table></div> 
<div id="div2" runat="server" style="width: 100%; height: 130px; "> 
<table style="width: 100% ;font-size: 12px; font-family: 宋体 :"> 
<tr> <td style="width: 180px" align="center"> :: 用 户 中 心 :</td> </tr> 
<tr> <td style="width: 180px; height: 55px;" align="center"> 欢迎 您 : <asp:Label ID="Label1" 
runat="server">Label</asp:Label><br /> <br /> 您 可 以 进行 以 下 操作 : </td> </tr> 
<tr> <td style="width: 120px; height: 89px; text-align: center; " align="center"> 
<table style="font-size: 12px; font-family: 宋体 ;"> <tr> 
<td style="width: 120px" align="left"> ) <a href="useredit.aspx"> 修 改 注册 资料 </a></td> </tr> 
<tr> <td style="width: 120px; height: 20px;" align="left"> 》<a hre 全 "userorderaspx"> 我 的 订单 
</a></td> </tr> 
<tr> <td style="width: 120px; height: 20px;" align="left"> 》<a href="exit.aspx'> 退 出 </a></td> </tr> 
</table> 
</td> </tr> </table> </div> 


Userlogin.ascx.cs 的 主要 代码 及 说 明 如 下 。 
(1) 创建 公共 类 BaseClass 的 对 象 ， 目 的 是 使 用 其 中 的 数据 库 操作 的 方法 。 代 码 如 下 : 


BaseClass BaseClassl = new BaseClass(); 
(2) 判断 用 户 是 否 登录 ， 以 决定 显示 如 图 12-5 所 示 左 边 或 者 右边 的 信息 。 代 码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
Í 

div1.Visible = false; 

div2.Visible = false; 

if (Session["name"] != null) 

í Labell.Text = Session["name"].ToString(); 

div2.Visible = true; 

} 

else 

{ divl.Visible = true; 

Bb 


(3) 单 击 【登录 】 按 钮 ， 触 发 Button1_Click 事件 。 代 码 如 下 : 
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protected void Button1_ Click(object sender, EventArgs e) 
/管理 员 标志 =0， 表 示 普 通用 户 ; 管理 员 标志 =1， 表 示 管 理 员 
string strsql = "select * from 用 户 where 管理 员 标 志 =0and 用 户 名 ="+TextBoxl.Text+"and 
密码 =" + TextBox2.Text + "™; 

DataSet ds = new DataSet(); 

ds = BaseClass1.GetDataSet(strsql, "username"); 

if (ds.Tables["username"].Rows.Count == 0) 

{ stringscriptString = "alert(" + "用 户 名 不 存在 或 密码 错误 ， 请 确认 后 再 登录 ! "+ ny; 
了 Page.ClientScript.RegisterClientScriptBlock(this.GetType0, "warning", scriptString, true); 


} 

else 

{ Session["name"] = TextBox1.Text; 
Labell.Text = "<b>" + Session["name"].ToStringO + "</b>"; 
div1.Visible = false; 
div2.Visible = true; 

} 


} 
(4) 单 击 【注册 】 按 钮 ， 触 发 Button2_Click 事件 。 代 码 如 下 : 


protected void Button2_Click(object sender, EventArgs e) 
í 


Response. Write("<script>window.location='"userreg.aspx';</script>"); 


} 
3. 用 户 注册 页 面 


单 击 图 12-5 中 用 户 登 录 对 话 框 中 的 [注册 按钮 , 进入 注册 用 户 信息 页 面 Userlogin.ascx， 
如 图 12-6 所 示 。 


客户 信息 


用 户 名 已 经 使 用 必须 输入 用 己 名 


密码 不 一 致 


图 12-6 用 户 注册 对 话 框 


Userlogin.ascx 的 页 面 使 用 了 3 个 验证 控件 : RequiredFieldValidator、CustomValidator 和 
CompareValidator。RequiredFieldValidator 和 CustomValidator 控制 用 户 名 不 能 为 空 , 并 且 不 能 
已 经 存在 。CompareValidator 验证 控件 用 来 比较 第 一 次 输入 的 密码 和 再 次 确认 密码 是 否 一 致 。 
该 页 面 的 HTML 代码 如 下 : 


<table style="width: 413px"> 
<tr> <td style="width: 100px; height: 36px:"> </td> 
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<td style="width: 369px; font-size: 20px; height: 36px;" align="left"> 客 户 信息 </td> </tr> 
<tr> <td style="width: 100px" align="right"> ” 用户 名 : </td> 
<td style="width: 369px" align="left"> 
<asp:TextBox ID="TextBox1" runat="server" Width="139px"></asp:TextBox> 
<asp:CustomValidator ID="CustomValidator1" runat="server" ControlToValidate="TextBox1" 
EmrorMessage=" 用 户 名 已 经 使 用 " OnServerValidate="CustomValidator1_ServerValidate" 
ValidateEmptyText="True" Display="Dynamic" Width="86px"></asp:CustomValidator> 
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage=" 必 
须 输入 用 户 名 " ControlToValidate="TextBox1"></asp:RequiredFieldValidator></td> </tr> 
<tr> <td style="width: 100px" align="right"> 密码 : </td> 
<td style="width: 369px" align="left"> 
<asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox></td> </tr> 
<tr> <td style="width: 100px" align="right"> ”密码 再 次 确认 : </td> 
<td style="width: 369px" align="left"> 
<asp:TextBox ID="TextBox3" runat="server" TextMode="Password"></asp:TextBox> 
<asp:CompareValidator ID="CompareValidator1" runat="server" Control ToCompare="TextBox2" 
ControlToValidate="TextBox3" ErrorMessage=" 密 码 不 一 致 "></asp:CompareValidator></td></tr> 
<tr> <td style="width: 100px; height: 26px;" align="right"> 用 户 全 称 : </td> 
<td style="width: 369px; height: 26px;" align="left"> 
<asp:TextBox ID="TextBox4" runat="server" Width="139px"></asp:TextBox></td> </tr> 
<tr> <td style="width: 100px" align="right"> Bif: </td> 
<td style="width: 369px" align="left"> 
<asp:TextBox ID="TextBox5" runat="server" Width="139px"></asp:TextBox></td> </tr> 
<tr> <td style="width: 100px; height: 21px" align="right"> ”地址 : </td> 
<td style="width: 369px; height: 21px" align="left"> 
<asp:TextBox ID="TextBox6" runat="server" Width="139px"></asp:TextBox></td> </tr> 
<tr> <td style="width: 100px" align="right"> 邮政 编码 : </td> 
<td style="width: 369px" align="left"> 
<asp:TextBox ID="TextBox7" runat="server" Width="139px"></asp:TextBox></td> </tr> 
<tr> <td style="width: 100px"> </td> 
<td style="width: 369px" align="left"> 
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text=" 提 交 " Width="87px" 
/></td> </tr> </table> 


Userlogin.ascx.cs 的 主要 代码 及 说 明 如 下 。 
(1) 创建 公共 类 BaseClass 的 对 象 ， 目 的 是 使 用 数据 库 操作 的 方法 。 代 码 如 下 : 


BaseClass BaseClassl = new BaseClass(); 


(2) 验证 用 户 名 是 否 已 经 使 用 ， 触 发 CustomValidatorl ServerValidate 事件 。 代 码 如 下 : 


protected void CustomValidator1_ServerValidate(object source, ServerValidateEventArgs args) 
{ 


//args.Value 为 需要 验证 的 用 户 名 
string strsql = "select * from 用 户 where 用 户 名 =" + args.Value.ToString() + ""; 
DataSet ds = new DataSet(); 
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ds = BaseClass1.GetDataSet(strsql, "username"); 
// args.IsValid 是 否 通过 验证 的 返回 值 
if (ds.Tables["username"].Rows.Count > 0) 


d 

args.IsValid = false; 
} 
else 

args.IsValid = true; 
} 


i 
(3) 单 击 【 提 交 】 按 钮 ， 触 发 Button1_Click 事件 。 代 码 如 下 : 


protected void Button1_Click(object sender, EventArgs e) 
í 
if (CustomValidator1.IsValid == true) 
i 
string strsql; 
strsql = "insert into 用 户 (用 户 名 ,密码 ,真实 姓名 ,电话 ,地 址 ,邮编 ) values (" + TextBox1.Text 
+""+TextBox2.Text+","+TextBox4.Text + ","+ TextBox5.Text + ™," + TextBox6.Text + """ + 
TextBox7.Text + ")"; 
BaseClass1.execsql(strsql); 
Response.Write("<script>alert(\" 注 册 成 功 ! V'):</script>"):; 
Session["name"] = TextBox1. Text; 
Response.Redirect("Default.aspx"); 


} 
4. 新 闻 列 表 
单 击 图 12-4 所 示 窗 口中 企业 新 闻 或 者 业内 新 闻 的 【More>>】 链 接 ， 进 入 shownews.aspx 
页 面 ， 显 示 全 部 的 企业 新 闻 或 者 业内 新 闻 ， 效 果 如 图 12-7 所 示 。 
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图 12-7 新 闻 列 表 
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shownews.aspx 页 面 使 用 GridView 控件 显示 新 闻 列 表 。 代 码 如 下 : 


<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" GridLines="None" 
Height="121px" PageSize="6" ShowHeader="False" Width="452px"> 
<Columns> 
<asp:HyperLinkField DataNavigateUrlFields=" 流 水 号 " 
DataNavigateUrlFormatString="shownew.aspx?id={0}" 
DataTextField=" 新 闻 标 题 " DataTextFormatString="&#183;{0}" HeaderText=" 新 闻 标 题 "> 
<ItemStyle Font-Overline="False" HorizontalAlign="Left" /> 
</asp:HyperLinkField> 
<asp:BoundField DataField=" 添 加 时 间 " HeaderText=" 添 加 时 间 " /> 
<asp:BoundField DataField=" 新 闻 类 别 " HeaderText=" 新 闻 类 别 " /> 
<asp:BoundField DataField=" 阅 读 次 数 " HeaderText=" 阅 读 次 数 " /> 
</Columns> 
</asp:GridView> <br /> 
当前 页 码 为 :[<asp:Label ID="LabelPage" runat="server" Text="1"></asplLabel>]&nbsp; 总 页 码 为 : 
[<asp:Label ID="LabelTotalPage" runat="server" Text=""></asp:Label>] 
<asp:LinkButton ID="LinkButtonFirst" runat="server" OnClick="LinkButtonFirst_Click"> 首 页 
</asp:LinkButton>&nbsp;&nbsp; 
<asp:LinkButton ID="LinkButtonPrev" runat="server" OnClick="LinkButtonPrev_Click"> 上 一 页 
</asp:LinkButton>&nbsp;&nbsp; 
<asp:LinkButton ID="LinkButtonNext" runat="server" OnClick="LinkButtonNext_Click"> 下 一 页 
</asp:LinkButton>&nbsp;&nbsp; 
<asp:LinkButton ID="LinkButtonLast" runat="server" OnClick="LinkButtonLast_Click"> 末 页 
</asp:LinkButton> 


shownews.aspx.cs 的 主要 代码 如 下 : 


// 创 建 公共 类 BaseClass 的 对 象 ， 目 的 是 使 用 操作 数据 库 的 方法 
BaseClass BaseClassl = new BaseClass(); 
/每 次 加 载 时 显示 新 闻 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!Page.IsPostBack) getGoods(); 
) 
private void getGoods() 
d 
string strsql = "select * from 新 闻 信息 where 新 闻 类 别 like" + 
RequestParams["id"].ToStringO + " order by 流水 号 desc"; 
DataTable dt = BaseClass1.ReadTable(strsql); 
/实现 分 页 
PagedDataSource objPds = new PagedDataSource(); 
objPds.DataSource = dt.Default View; 
objPds.AllowPaging = true; 
objPds.PageSize = 12; 
int CurPage = Convert.Tolnt32(this.LabelPage. Text); 
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objPds.CurrentPageIndex = CurPage - 1; 
1f (objPds.CurrentPageIndex < 0) 
d 
objPds.CurrentPageIndex = 0; 
j 
/只 有 一 页 时 禁用 上 页 、 下 页 按钮 
if (objPds.PageCount == 1) 


d 
LinkButtonPrev.Enabled = false; 
LinkButtonNext.Enabled = false; 
} 
else// 多 页 时 
四 if(CurPage==1) /为 第 一 页 时 
{ 
LinkButtonPrev.Enabled = false; 
LinkButtonNext.Enabled = true; 
) 
if (CurPage == objPds.PageCount) /是 最 后 一 页 时 
Í 
LinkButtonPrev.Enabled = true; 
LinkButtonNext.Enabled = false; 
) 
} 


this.LabelTotalPage. Text = Convert.ToString(objPds.PageCount); 
GridView1.DataSource = objPds; 
GridView1.DataBind(); 
} 
protected void LinkButtonFirst_Click(object sender, EventArgs e) // 首 页 
{ this.LabelPage.Text = "1"; 
getGoods(); 
) 
protected void LinkButtonPrev_Click(object sender, EventArgs e) /上 一 页 
í this.LabelPage. Text = Convert.ToString(int.Parse(this.LabelPage.Text) - 1); 


getGoods(); 

} 

protected void LinkButtonNext_Click(object sender, EventArgs e) // 下 一 页 

d 
this.LabelPage.Text = Convert.ToStrine(int.Parse(this.LabelPage Text) + 1); ; 
getGoods(); 

) 

protected void LinkButtonLast_Click(object sender, EventArgs e) // 末 页 

{ 


this.LabelPage. Text = this.LabelTotalPage. Text; 
getGoods(); 
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5. 产品 列表 
单 击 图 12-4 所 示 窗 口中 企业 产品 栏目 的 【More>>】 链 接 ， 进 入 showpros.aspx 页 面 。 产 
品 列表 效果 如 图 12-8 所 示 。 
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图 12-8 产品 列表 


showpros.aspx 页 面 使 用 DataList 控件 显示 产品 列表 。 代 码 如 下 : 


<asp:DataList ID="DataListl" runat="server" Height="200px" 
OnSelectedIndexChanged="DataList1_SelectedIndexChanged1" 
RepeatColumns="2" RepeatDirection="Horizontal" Width="532px"> 
<ItemTemplate> 
<table border="0" cellpadding="0" cellspacing="0"> 
<tr> <td align="center" rowspan="2" valign="middle"> 
<a href='showpro.aspx?id=<%# DataBinder.Eval(Container.Dataltem, "流水 号 ")%> > 
<img alt="a" height="60" src='image/<%# DataBinder.Eval(Container.Dataltem, "产品 图 片 ")%>' 
style="border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none" 
width="100" /></a></td> 
<td align="left" style="width: 150px; height: 22px;" valign="middle"> 
<img alt="d" height="15" src="image/dot_1.gif" style="width: 25px" /><a href=showpro.aspx?id=<%# 
DataBinder.Eval(Container.Dataltem, "流水 号 ")%>'><strong><%# DataBinder.Eval(Container.Dataltem, " 产 
品名 称 ")%></strong></a></td> </tr> 
<tr> <td align="left" style="width: 150px; height: 53px"> 
<img alt="b" height="11" src="image/dot_1.gif" width="24" 人 > 价格 :。 Y <%# 
DataBinder.Eval(Container.Dataltem, "产品 价格 ")%> 元 <br > 
<img alt="c" height="11" src="image/dot_1.gif' width="24" /> 类 别 : 
<a href='showpros.aspx?id=<%# DataBinder.Eval(Container.Dataltem, "产品 类 别 ")%>> 
<%# DataBinder.Eval(Container.Dataltem. "产品 类 别 ")%> </a> </td> </tr> 
</table> 
</ItemTemplate> 
</asp:DataList><br /> 
当前 页 码 为 :[<asp:Label ID="LabelPage" runat="server" Text="1"></asplLabel>]&nbsp; 总 页 码 为 : 
[<asp:Label ID="LabelTotalPage" runat="server" Text=""></asp:Label>] 
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<asp:LinkButton ID="LinkButtonFirst" runat="server" OnClick="LinkButtonFirst_Click"> 首 页 
</asp:LinkButton>&nbsp;&nbsp; 

<asp:LinkButton ID="LinkButtonPrev" runat="server" OnClick="LinkButtonPrev_Click"> 上 一 页 
</asp:LinkButton>&nbsp;&nbsp; 

<asp:LinkButton ID="LinkButtonNext" runat="server" OnClick="LinkButtonNext_Click"> 下 一 页 
</asp:LinkButton>&nbsp;&nbsp; 

<asp:LinkButton ID="LinkButtonLast" runat="server" OnClick="LinkButtonLast_Click"> H 
</asp:LinkButton> 


showpros.aspx.cs 的 主要 代码 如 下 : 
// 创 建 公共 类 BaseClass 的 对 象 ， 目 的 是 使 用 操作 数据 库 的 方法 


BaseClass BaseClassl = new BaseClass(); 
protected void Page _Load(object sender, EventArgs e) /每 次 加 载 时 显示 新 闻 
$ 
if (!Page. IsPostBack) getGoods(); 
9 
private void getGoods() 
{ /获取 数据 入 口 参数 RequestParams["id"]ToString0 为 “%” 表 示 全 部 产品 ， 否 则 为 具体 类 型 
string strsql = "select * from 产品 where 产品 类 别 like"+RequestParams["id"].ToStringO +" 
orderby 流水 号 "; 
DataTable dt = BaseClass1.ReadTable(strsql); 
/实现 分 页 
PagedDataSource objPds = new PagedDataSource(); 
objPds.DataSource = dt.DefaultView; 
objPds.AllowPaging = true; 
objPds.PageSize =8; 
int CurPage = Convert.Tolnt32(this.LabelPage.Text); 
objPds.CurrentPagelndex = CurPage - 1; 
if (objPds.CurrentPagelndex < 0) 
t 
objPds.CurrentPageIndex = 0; 
) 
if (objPds.PageCount = 1) /只 有 一 页 时 禁用 上 页 、 下 页 按钮 
1 LinkButtonPrev.Enabled = false; 
LinkButtonNext.Enabled = false; 


) 
else// 多 页 时 
{ if (CurPage 一 1) /为 第 一 页 时 
{ 
LinkButtonPrev.Enabled = false; 
LinkButtonNext.Enabled = true; 
) 


if (CurPage == objPds.PageCount) /是 最 后 一 页 时 
Al 
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LinkButtonPrev.Enabled = true; 
LinkButtonNext.Enabled = false; 


) 
this.LabelTotalPage. Text = Convert.ToString(objPds.PageCount); 


DataList1.DataSource = objPds; 
DataList1.DataBind(); 
) 
protected void LinkButtonFirst_Click(object sender, EventArgs e) /首页 
l, this.LabelPage Text = "1"; 
getGoods(); 
} 
protected void LinkButtonPrev_Click(object sender, EventArgs e) /上 一 页 
í this.LabelPage.Text = Convert.ToString(int.Parse(this.LabelPage Text) - 1); 
getGoods(); 
) 
protected void LinkButtonNext_Click(object sender, EventArgs e) /下 一 页 
{ this.LabelPage.Text = Convert.ToString(int.Parse(this.LabelPage.Text) + 1); ; 
getGoods(); 
} 
protected void LinkButtonLast_Click(object sender, EventArgs e) // 末 页 
í this.LabelPage.Text = this.LabelTotalPage. Text; 


getGoods(); 
} 
6. 产品 订单 


当 单 击 图 12-8 页 面 中 的 产品 标题 或 产品 图 片 时 ， 显 示 如 图 12-9 所 示 的 产品 详细 信息 。 
如 果 用 户 已 经 登录 ， 单 击 图 12-9 中 的 【订购 >>】 链 接 时 ， 将 打开 产品 订单 页 面 ， 如 图 12-10 
所 示 。 


产品 名 称 : anso 订购 信息 
产品 名 称 : 新 萝 D500 
单价 : 4000 
产品 介绍 : ie esa: i 
真 弃 4 处 理 器 3 06， 免费 升 角 至 19" 宽 屏 汗 晶 显示 器 ,起 值 4 
价格 : Yao 订购 》》 aza 
图 12-9 产品 详细 信息 图 12-10 产品 订单 


order.aspx 页 面 的 主要 HTML 代码 如 下 : 


<table> 
<tr> <td style="width: 134px; height: 36px"> </td> 
<td align="left" style="width: 220px; height: 36px"> ”订购 信息 </td> </tr> 
<tr> <td align="right" style="width: 134px; height: 33px"> 产品 名 称 : </td> 
<td align="left" style="width: 220px; height: 33px"> 
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<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label></td> </tr> 
<tr> <td align="right" style="width: 134px; height: 30px"> 单价 : </td> 
<td style="width: 220px; height: 30px" align="left"> 
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label></td> </tr> 
<tr> <td align="right" style="width: 134px; height: 36px"> 订购 数量 : </td> 
<td style="width: 220px; height: 36px" align="left"> 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td></tr> 
<tr> <td style="width: 134px; height: 38px"></td> 
<td align="left" style="width: 220px; height: 38px"> 
<asp:Button ID="Button1" runat="server" Text=" 提 交 订 单 " OnClick="Button1_Click" /></td></tr> 
</table> 


order.aspx.cs 的 主要 代码 及 说 明 如 下 。 
(1) 创建 公共 类 BaseClass 的 对 象 ， 目 的 是 使 用 操作 数据 库 的 方法 。 代 码 如 下 : 


BaseClass BaseClassl = new BaseClass(); 
(2) 如 果 用 户 已 登录 ， 输 入 订货 数量 ， 否 则 提示 用 户 登录 。 代 码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
{ ”这 (Session["name"] = null) // 判断 用 户 是 否 登录 
{ 
Response.Write("<script>alert(\" 请 登录 ! \");</script>"); 
Response.Redirect("default.aspx"); 
} 
if ('Page.IsPostBack) // 首次 加 载 初始 化 
{ // Request.QueryString["id"] 为 页 面 入 口 参 数 ， 表 示 所 订 产 品 
string strsql = "select 产品 名 称 ,产品 价格 from 产品 where 流水 号 ="+ 
Request.QueryString["id"]; 
DataTable dt = new DataTable(); 
dt = BaseClass1.ReadTable(strsql); 
Labell.Text = dt.Rows[0].ItemArray[0].ToString0; 
Label2.Text = dt.Rows[0].ItemArray{1].ToString(); 
TextBox1.Text = "1"; 


) 
G) 单 击 【提交 订单 】 按 钮 时 ， 触 发 Buttonl_Click 事件 。 代 码 如 下 : 


protected void Button1_Click(object sender, EventArgs e) 
d 
string strsql; 
strsql = "insert into 订单 (产品 流水 号 ,订购 数量 ,用 户 名 ,订购 日 期 ) values (" + 
Request.QueryString["id"] + "," + TextBox1.Text + "," + Session["name"] ToStrine() + ",convert(datetime," + 
DateTime. Today. ToShortDateString() + ",120))"; 
BaseClass1.execsql(strsql); 
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Response.Write("<script>alert(\" 提 交 成 功 ， 您 还 可 以 选 购 其 它 商 品 ! \");</script>"); 
Response.Redirect("showpros.aspx?id=%"); 
1224 后台 管 理 模块 


后 台 管 理 模块 包括 : 管理 员 登 录 、 后 台 管理 主页 面 、 新 闻 管 理 、 产 品 添加 、 订 单 管理 、 
用 户 管理 等 功能 ， 接 下 来 将 详细 介绍 这 些 功能 是 如 何 实现 的 。 


takana mw 
各 个 页 面 的 底部 几乎 都 有 【管理 入 口 】 链 接 ， 单 gy: e J] 

击 该 链接 进入 管理 员 的 登录 页 面 ， 如 图 12-11 所 示 。 口 下 次 记 信 我 。 
login.aspx 的 登录 对 话 框 实际 上 就 是 一 个 Login 控 

f, 通过 调整 控件 属性 可 达到 满意 的 效果 。 代码 如 下 : 图 12-11 管理 员 登 录 页 面 


<asp:Login ID="Login1" runat="server" BackColor="#EFF3FB" BorderColor="#B5C7DE" 
BorderPadding="4" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" 
Font-Size="0.8em" ForeColor="#333333" Height="180px" Width="275px" 
OnAuthenticate="Login1_Authenticate1"> 
<TitleTextStyle BackColor="#507CD1" Font-Bold="True" Font-Size="0.9em" ForeColor="White" /> 
<InstructionTextStyle Font-Italic="True" ForeColor="Black" /> 
<TextBoxStyle Font-Size="0.8em" /> 
<LoginButtonStyle BackColor="White" BorderColor="#507CD1" BorderStyle="Solid" 
BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" /> 
</asp:Login> 


login.aspx.cs 的 主要 代码 比较 简单 , 只 在 用 户 登 录 的 时 候 触发 Loginl_Authenticatel 事件 ， 
此 事件 用 来 判断 该 用 户 是 否 合法 。 默 认 管 理 员 名 称 及 密码 均 为 admin。 代 码 如 下 : 


lini 


protected void Loginl_Authenticatel (object sender, AuthenticateEventArgs e) 
{ /定义 SQL 查询 语句 
string strsql = "select * from 用户 where 用 户 名 ="+Login1.UserName.ToString0 + "and 密码 
=" + Loginl1.Password.ToString() + "'" "; 
// 创 建 DataTable 
DataTable dt = new DataTable(); 
// 调 用 ReadTable 方法 获取 查询 结果 
dt = BaseClass1.ReadTable(strsql); 
/判断 是 否 有 符合 条 件 的 记录 
if (dt.Rows.Count > 0) 
{ /将 合法 的 用 户 名 放 到 Session 对 象 中 ， 表 示 用 户 已 经 登录 
Session["admin"] = Login1.UserName.ToString(): 
// 跳 转 到 后 台 管 理 页 面 admin default.aspx 
Response.Redirect("admin default.aspx"); 
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2. 后 台 管 理 主页 面 
管理 员 登 录 成 功 后 ， 进 入 如 图 12-12 所 示 的 后 台 管理 主页 面 。 该 页 面 提供 了 新 闻 管 理 、 
新 闻 添 加 、 产 品 管理 、 产 品 添加 和 订单 管理 等 功能 。 
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图 12-12 后 台 管 理 主页 面 


admin_default.aspx 页 面 中 添加 了 一 个 TreeView 控件 和 一 个 框架 集 。 其 中 ，TreeView 控 
件 显示 管理 功能 ， 框 架 集 用 于 相应 管理 页 面 的 显示 。 代 码 如 下 : 


<asp:TreeView ID="TreeView1" runat="server" Height="264px" 
OnSelectedNodeChanged="TreeViewl_SelectedNodeChanged" Width="60px"> 
<Nodes> 
<asp:TreeNode Text=" 后 台 管 理 " Value=" 后 台 管 理 "> 
<asp:TreeNode Text=" 新 闻 管 理 " Value=" 新 闻 管理 "> 
<asp:TreeNode Text=" 新 闻 管 理 " Value=" 新 闻 管理 "></asp:TreeNode> 
<asp:TreeNode Text=" 新 闻 添 加 " Value=" 新 闻 添 加 "></asp:TreeNode> </asp:TreeNode> 
<asp:TreeNode Text=" 产 品 管理 " Value=" 产 品 管理 "> 
<asp:TreeNode Text=" 产 品 管理 " Value=" 产 品 管理 "></asp:TreeNode> 
<asp:TreeNode Text=" 产 品 添加 " Value=" 产 品 添加 "></asp:TreeNode> </asp:TreeNode> 
<asp:TreeNode Text=" 订 单 管 理 " Value=" 订 单 管理 "> 
<asp:TreeNode Text=" 订 单 管理 " Value=" 订 单 管 理 "></asp:TreeNode></asp:TreeNode> 
<asp:TreeNode Text=" 用 户 管理 " Value=" 用 户 管理 "> 
<asp:TreeNode Text=" 用 户 管理 " Value=" 用 户 管理 "></asp:TreeNode> 
</asp:TreeNode> </asp:TreeNode> 
</Nodes> 

</asp:TreeView> 

<iframe style="width: 100%; height: 100%;" id="iframe1" runat="server" frameborder="0"> 

</iframe> 

每 次 后 台 管 理 页 面 加 载 时 检查 管理 员 是 否 登录 ， 如 果 没 有 登录 ， 就 跳 转 到 管理 员 登 录 页 
面 。admin defaultaspx.cs 的 主要 代码 如 下 : 
protected void Page Load(object sender, EventArgs e) 
{ if (Session["admin"] = null) /判断 是 否 登录 
í Response.Redirect("login.aspx"); // 跳 转 到 管理 员 登 录 页 面 
H 
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3. 新 闻 管 理 页 面 
单 击 图 12-12 所 示 的 【新 闻 管 理 】 链 接 ， 进 入 新 闻 管 理 页 面 ， 如 图 12-13 所 示 。 


新 闻 标题 新 闻 类 别 BERA 添加 时 间 
evi sta 系 统 华硕 如 52 笔记 本 降 2 千 [业内 新 闻 ] [3] 2007-1-20 0:00:00 删除 
“只 恋 性 价 比 神舟 近期 降价 促销 本 本 一 览 [业内 新 闻 ] uú 2007-1-5 0:00:00 删除 
* 送 406 硬 盘 还 降价 38282 6330199993; [业内 新 闻 ] [4] 2007-1-20 0:00:00 删除 
* 联想 新 品 旭日 上 市 MERE [业内 新 闻 ] to] 2007-2-7 0:00:00 删除 
HERD 五 款 人 气 景 旺 的 低 价 本 推荐 [业内 新 闻 ] u) 2007-5-2 0:00:00 m 
* FR 71898 双核 独 显 笔记 本 推荐 [业内 新 闻 ] [2] 2007-5-5 0:00:00 删除 
下 一 页 


图 12-13 新闻 管 理 页 面 


delnews.aspx 页 面 中 使 用 了 GridView 控件 ， 该 控件 增加 了 【删除 】 列 ， 用 于 删除 过 期 的 
新 闻 。 代 码 如 下 : 


<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" BackColor="White" 
<Columns> 
<asp:HyperLinkField DataNavigateUrlFields=" 流 水 号 " 
DataNavigateUrlFormatString="showpro.aspx?id={0}" 
DataTextField=" 产 品名 称 " DataTextFormatString="&#183;{0}" HeaderText=" 产 品名 称 " 
Target="main"> <ItemStyle HorizontalAlign="Left" /> 
</asp:HyperLinkField> 
<asp:BoundField DataField=" 产 品类 别 " DataFormatString="[{0}]" HeaderText=" 产 品类 别 " /> 
<asp:BoundField DataField=" 产 品 价格 " DataFormatString=" {0} 元" HeaderText=" 产 品 价格 " /> 
<asp:BoundField DataField=" 产 品 图 片 " HeaderText=" 产 品 图 片 " /> 
<asp:CommandField ShowCancelButton="False" ShowDeleteButton="True" /> 
</Columns> 


</asp:GridView> 


delnews.aspx.cs 的 主要 代码 及 说 明 如 下 。 
(1) 加 载 时 判断 用 户 是 否 已 经 登录 。 代 码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 

{ if(Session["admin"] = null) 
{ ”Response.Redirect("login.aspx"): // 跳 转 到 登录 页 面 
) 
bindgrig0:/ 显 示 所 有 新 闻 

) 


(2) 单 击 【 删 除 】 按 钮 时 ， 触 发 GridView1_RowDeleting 事件 ， 处 理 程序 如 下 : 


protected void GridViewl RowDeleting(object sender, GridViewDeleteEventArgs e) 


í 
/定义 删除 语句 
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String strsql = "delete from 新 闻 信 息 where 流水 号 =" + 
GridView1.DataKeys[e.RowIndex].Value.ToStringO + ""; 
BaseClassl.execsql(strsql); /执行 SQL 命令 
bindgrig0;// 重 新 显示 新 闻 


} 
(3) bindgrig0 是 自 定义 函数 ， 用 于 检索 新 闻 ， 显 示 到 GridView 控件 上 ， 主 要 代码 如 下 : 


void binderig() 

í string strsql = "select * from 新 闻 信息 order by 流水 号 ";// 定 义 SQL 检索 语句 
DataTable dt = BaseClass1.ReadTable(strsql); /创建 DataTable， 并 返回 数据 
GridView1.DataSource = dt; /设置 GridView 数据 源 
GridView1.DataBind0:// 显 示 数 据 

} 


(4) 8 
码 如 下 : 


ET 


【上 一 页 】、【 下 一 页 】 按 钮 时 ， 触 发 GridView1l_ PageIndexChanging 事件 。 代 


protected void GridView1_PagelndexChanging(object sender, GridViewPageEventArgs e) 


Í 
GridView1.PageIndex = e.NewPageIndex; 


bindgrig(); 
} 
4. 产品 添加 页 面 


单 击 图 12-12 所 示 的 【产品 添加 】 链 


mina 
P, 进入 产品 添加 页 面 ， 如 图 12-14 所 示 。 maen: 
页 而 由 的 主要 控件 句 托 e: 
addpro.aspx 页 面 中 的 主 要 控件 包括 ee z 
TextBox, FileUpload 和 DropDownList 等 。 产品 类 别 : [计算 机 兴 — < 
代码 如 下 : am 
<strong> 添 加 产品 </strong> 
产品 名 称 <asp:TextBox s=) 
ID="TextBox1" runat="server" Ë " 
Width="209px"></asp:TextBox> 图 12-14 产品 添加 页 面 


价格 <asp:TextBox ID="TextBox3" runat="server" Width="209px"></asp:TextBox></td></tr> 
图 片 <asp:FileUpload ID="FileUpload1" runat="server" /> 
产品 类 别 <asp:DropDownList ID="DropDownList1" runat="server" Width="120px"> 
</asp:DropDownList> 
简介 <asp:TextBox ID="TextBox2" runat="server" Height="150px" TextMode="MultiLine" 
Width="300px"></asp:TextBox> 
<asp:Button ID="Button1" runat="server" Text=" 提 交 " OnClick="Button1_Click" /></td> </tr> 


addpro.aspx.cs 的 主要 代码 及 说 明 如 下 。 


s 
8 
= 
> 
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O 每 次 加 载 时 判断 用 户 是 否 已 经 登录 ， 第 一 次 加 载 初始 化 产品 类 别 下 拉 列 表 框 。 代 码 
如 下 : 


protected void Page Load(object sender, System.EventArgs e) 
{ 
if (Session["admin"] = null) 
í Response.Redirect("login.aspx"); 
} 
if ('Page.IsPostBack) / 判断 是 否 第 一 次 加 载 
{V 第 一 次 加 载 初始 化 下 拉 列 表 框 
DataTable dt = new DataTable(); 
string strsql = "select * from 产品 类 别 "; 
dt = BaseClass1.ReadTable(strsql); 
DropDownList1.DataSource = dt; 
DropDownList1.DataTextField = "产品 类 别 "; 
DropDownListl.DataValueField = "产品 类 别 "; 
DropDownList1.DataBind(): 


) 
(2) 单 击 【 提 交 】 按 钮 时 ， 触 发 Button1l_Click 事件 。 代 码 如 下 : 


protected void Button1 Click(object sender, EventArgs e) 
{ string strsql; 
strsql = "insert into 产品 (产品 名 称 , 产 品 价格 ,产品 图 片 ,产品 类 别 , 产 品 介绍 ) values (" + 
TextBox1.Text +"," + TextBox3.Text + ™," + FileUpload1.FileName + "," + DropDownList].SelectedValue 
+" + TextBox2.Text + ")"; /定义 SQL 插入 语句 
BaseClassl.execsql(strsqD); /执行 SQL 插入 语句 
if (FileUpload1.HasFile = true) /上传 产品 图 片 
{ 
FileUpload1.SaveAs(Server.MapPath(("~/image/") + FileUpload1.FileName)); 
Response.Wiite("<script>alert(\" 产 品 添加 成 功 ! V');</script>"); /提示 提交 成 功 
/清空 产品 名 称 、 价 格 、 图 片 和 简介 文本 编辑 器 
TextBox1 Ten =" 
Textñax2 Text =" 
TextBox3.Text = ""; 
) 


5. 订单 管理 页 面 


单 击 图 12-12 所 示 的 【订单 管理 】 链 接 ， 进 入 订单 管理 页 面 ， 如 图 12-15 所 示 。 订 单 管 
理 提供 了 两 个 功能 : 一 个 是 删除 过 期 订单 ， 另 一 个 是 编辑 订单 的 处 理 标志 。 
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3 chen 2 2008-8-2 0:00:00 编辑 Me 
8 chen 1 2008-8-2 0:00:00 编辑 mM 
7 chen 1 2008-8-2 0:00:00 编辑 MES 
4 chen 1 2008-8-2 0:00:00 编辑 m 
1 chen 1 2008-8-2 0:00:00 编辑 。 删除 
5 1 2008-4-26 0:00:00 SE 。 删除 


图 12-15 订单 管理 页 面 


delorder.aspx 页 面 采 用 了 GridView 控件 。 代 码 如 下 : 


<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False" 
<Columns> 

<asp:BoundField DataField=" 产 品 流水 号 " HeaderText=" 产 品 号 " ReadOnly="True" /> 
<asp:BoundField DataField=" 用 户 名 " HeaderText=" 用 户 名 " ReadOnly="True" /> 
<asp:BoundField DataField=" 订 购 数 量 " HeaderText=" 订 购 数 量 " ReadOnly="True" /> 
<asp:BoundField DataField=" 订 购 日 期 " HeaderText=" 订 购 日 期 " ReadOnly="True" /> 
<asp:CheckBoxField DataField=" 处 理 标志 " Text=" 是 否 处 理 " /> 
<asp:CommandField ShowEditButton="True" /> 
<asp:CommandField ShowCancelButton="False" ShowDeleteButton="True" /> 


</asp:GridView> 


delorder.aspx.cs 的 主要 代码 及 说 明 如 下 。 
(1) 加 载 时 判断 管理 员 是 否 已 经 登录 。 代 码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 


{ 
if (Session["admin"] = null) 
{ 
Response.Redirect("login.aspx"); 
h 
if (!Page.IsPostBack) 
uf 
bindgrig0; 
) 
) 


(2) 单 击 【 删 除 】 按 钮 时 ， 触 发 GridView1l_ RowDeleting 事件 。 代 码 如 下 : 


protected void GridView] RowDeleting(object sender, GridViewDeleteEventArgs e) 
d 
String strsql = "delete from 订单 where 流水 号 =" + 
GridView1.DataKeys[e.RowIndex].Value.ToStringO + ""; 
BaseClass1.execsql(strsql); 
bindgrig0; 
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G) 在 编辑 状态 下 , 单 击 【 更 新 】 按钮 时 , 触发 GridView] RowUpdating 


J 


protected void GridViewl RowUpdating(object sender, GridViewUpdateEventArgs e) 


有 件 。 代 码 如 下 : 


{ // 提 交行 修改 (CheckBox)GridView1.Rows[e.RowIndex].FindControl("CheckBox1") 


string str; 


CheckBox ck = (CheckBox)GridView1.Rows[e.RowIndex].Cells[4].Controls[0]: 


if (ck.Checked = true) 


{ 

str = "1"; 
} 
else 
{ 

str = "0"; 
} 


String strsql = "update 订单 set 处 理 标志 =" + str +" where 流水 号 =" + 
GridView1.DataKeys[e.RowIndex].Value.ToString() + ""; 

BaseClassl.execsql(strsql); 

GridView1.Editmdex = -1; 


bindgrig(); 


} 


(4) 在 编辑 状态 下 ， 单 击 【 取 消 】 按 钮 时 ， 触 发 GridView1_RowcCancelingEdit 事件 。 代 


码 如 下 : 


protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e) 


g 
GridView1.Editlndex = -1; 


bindgrig(); 
} 


(5) bindgrig0 是 自 定义 函数 ， 将 订单 显示 到 GridView 控件 上 。 代 码 如 下 : 


void bindgrig() 

1 
string strsql = "select * from 订单 orderby 流水 号 desc"; 
DataTable dt = BaseClass1.ReadTable(strsql): 
GridView1.DataSource = dt; 
GridView1.DataBind(); 

} 


(6) &u 
码 如 下 : 


ET 


【上 一 页 】、【 下 一 页 】 按 钮 时 ， 触 发 GridView1_ PageIndexChanging 


nil 


protected void GridView1_PagelndexChanging(object sender, GridViewPageEventArgs e) 


í 
GridView1.Pagelndex = e.NewPageIndex; 


bindgrig0; 


t (ü 
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(7) 单 击 【 编 辑 】 按 钮 时 ， 触 发 GridView1l_ RowEditing 事件 。 代 码 如 下 : 


protected void GridView1l_RowEditing(object sender, GridViewEditEventArgs e) 


ú 
GridView1.Editmdex = e.NewEditlndex; 


bindgrig0; 
j 
6. 用 户 管理 页 面 


单 击 图 12-12 所 示 的 【用 户 管理 】 链 接 ， 进 入 用 户 管理 页 面 ， 如 图 12-16 所 示 。 


` 试验 BR 


北京 科技 北京 科技 010-22222222 北京 市 100001 HER 
北京 制药 北京 制药 010-2233299 北京 市 100001 BR 
科技 公司 科技 公司 BIS 

制造 厂 L.E 010-22222233 北京 市 100001 BP 


图 12-16 用 户 管理 页 面 


delusers.aspx 页 面 中 使 用 了 GridView 控件 ， 该 控件 增加 了 【删除 】 列 ， 用 于 删除 不 需要 
的 用 户 。 代 码 如 下 : 


<asp:GridView ID="GridViewl" runat="server" AutoGenerateColumns="False" 
<Columns> 
<asp:BoundField DataField=" 用 户 名 " HeaderText=" 用 户 名 " ReadOnly="True" /> 
<asp:BoundField DataField=" 真 实 姓名 " HeaderText=" 真 实 姓名 " ReadOnly="True" /> 
<asp:BoundField DataField=" 电 话 " HeaderText=" 电 话 " ReadOnly="True" /> 
<asp:BoundField DataField=" 地 址 " HeaderText=" 地 址 " ReadOnly="True" /> 
<asp:BoundField DataField=" 邮 编 " HeaderText=" 邮 编 " /> 
<asp:CommandField ShowCancelButton="False" ShowDeleteButton="True" /> 
</Columns> 


</asp:GridView> 


delusers.aspx.cs 的 主要 代码 及 说 明 如 下 。 
(1) 每 次 加 载 时 判断 管理 员 是 否 已 经 登录 。 代 码 如 下 : 


protected void Page Load(object sender, EventArgs e) 
í if (Session["admin"] == null) 

í Response.Redirect("login.aspx"): 

h 

bindgrig(); 
} 


(2) bindgrigO 自 定义 函数 负责 显示 用 户 信息 。 代 码 如 下 : 


void bindgrig() 
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{ 
string strsql= "select 用 户 名 ,真实 姓名 ,电话 ,地 址 ,邮编 fom 用户 where 管理 员 标志 =0"; 
DataTable dt = BaseClass1.ReadTable(strsql); 
GridView1.DataSource = dt; 
GridView1.DataBind(); 
) 


(3) 单 击 【删除 】 链 接 时 ， 将 触发 GridView1_RowDeleting 事件 。 代 码 如 下 : 


protected void GridView1l_RowDeleting(object sender, GridViewDeleteEventArgs e) 
{ String strsql = "delete from 用 户 where 用 户 名 =" + 


GridView1.DataKeys[e.RowIndex].Value.ToString() + ""; /删除 行 处 理 
BaseClass1.execsql(strsql); 


bindgrig(): 


12.3 本 章 小 结 


本 章 列举 了 一 个 基于 ASP.NET 4.5 的 网 站 实例 ， 通 过 一 个 综合 例子 将 有 关 的 知识 贯穿 在 
一 起 ， 详 细 地 分 析 了 网 站 的 构架 设计 、 数 据 层 、 应 用 层 的 实现 。 让 读者 有 实际 项 目的 体会 ， 
从 而 能 够 深刻 地 了 解 本 书 前 面 介 绍 的 知识 并 提升 实践 能 力 。 
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通过 实例 练习 ， 系 统 复习 本 书 各 章节 的 内 容 ， 掌 握 网 站 或 Web 应 用 程序 的 设计 开发 方 
法 ， 提 高 开发 水 平 。 

根据 自己 的 兴趣 设计 开发 一 个 网 站 ， 网 站 内 容 不 限 ， 可 以 是 中 小 企业 网 站 、 班 级 网 站 、 
网 上 商店 、 网 上 书店 、 网 上 花 店 ， 也 可 以 是 展示 自己 的 个 人 网 站 。 无 论 选择 什么 样 的 内 容 ， 
要 求 做 到 以 下 几 点 。 

(1) 必须 使 用 母 版 页 。 

(2) 应 用 ASPNET AJAX 无 页 面 刷新 技术 。 

(3) 使 用 数据 库 。 

(4) 利用 GridView、DataList 控件 ， 并 有 分 页 功能 。 

(5) 具有 上 传 、 下 载 文件 的 功能 。 

(6) 具有 用 户 注册 、 登 录 的 功能 。 

(7) 网 页 布局 美观 、 色 彩 协 调 。 
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